/*
Author: Jacob Daniel 09.04.17
===========================
CONTENTS:
- Bootstrap / Reset
- Main
- Typography
- Global
- Nav
- Folio
- Media queries 
===========================
*/

@import url('css/bootstrap.css');
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300);*/
/*---------------------------------------------- Main */

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

body {
	background-color: ivory;
	color:gray;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	background-color: #ffffff;
	overflow:hidden;
	width:100%;
}

/*---------------------------------------------- Typography */

h1.title{
	font-size:16px;
	display: inline-block;
	padding: 0px 0 0 20px;
	position: relative;
	top: 0px;
	font-weight: normal;
	line-height: normal;
	margin: 9px 0px;
}

.community-procession .get-involved h4,
.community-procession .vision h4{
	color: #262626;
	font-family: helvetica;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size: 1.4em;	
}


a:hover{
	text-decoration: none;
	color: #fff;
}

/*ul li{
	list-style: none;
}*/

a{
	text-decoration: none;
}

.community-procession img {width: 100%;}
.r{color: red;}
.y{color: yellow;}
.or{color: orangered;}
.g{color: green;}
.olive{color: olive;}
.salmon{color: brown;}
.skyblue p{margin-top: 0px;}
.community-procession h2, .community-procession h3{margin-bottom: 5px; word-spacing: -12px;}
.community-procession p{margin-top: 0px;}


/*---------------------------------------------- Global */

.pointer{
	cursor: pointer;
}

nav li a{
	font-weight: normal;
}

nav .active{
	color: #fff;
	font-weight: bold;
}

a:hover,a:focus{
	color: white;
	text-decoration: none;
}

.desk, i.desk{
	display: none;
}

.home.share.desk{
	display: none !important;
}


/*img{margin-bottom: 15px;}*/

.join h2{padding-left: 0px;}

.vision img, .join img{margin-bottom: 0px;}
.vision h3, .join h3{letter-spacing: 0.2em;}
.background .slider-wrap {margin-bottom: 0px;}
.no-padding{
	padding: 0px;
}

.alert-success,.alert-fail{
	background-color: white;
	padding: 10px;
}
.alert-success,.success{color: green;}
.alert-fail{color: red;}

/*---------------------------------------------- Header */

header{
	height: auto;
	width: 100%;
	height: 40px;
	background-color: #fff;
	z-index: 1000;
}
	
header .fixed{
	position: fixed;
	width: 100%;
	background-color: #325132;
	height: 40px !important;
	right: 0px;
	top: 0px;
	z-index: 2000;
}

header .fixed .col-xs-12{
	padding: 0px;
}

.star-wrap {
    position: fixed;
    /*left: 3%;*/
    /*top: -1.7%;*/
    z-index: 2010;
}
/*.star-wrap h4{color: white;}*/

/*----------------------------------- Footer */
footer .fa{
	font-size: 2em;
	color: white;
}

footer .social a{
	display: inline-block;
	padding-right: 10px;
}


/*----------------------------------- Nav */


li h1 a{
	color: grey;
}

.hideshowmenu{
	display: block;
	cursor: pointer;
	display: inline;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 5px;
	font-weight: bold;
	font-size: 2.2em;
}

i.fa-bars{
	font-size: 1em;
}

nav {
	width: 100%;
	height: 40px;
	background-color: #325132;
	position: relative;
	z-index: 2000 !important;
}

nav > ul{	
	padding-left: 0px;
	margin: 0px;
	display: block;
	position: relative;
	top: 57px;
	z-index: 1020;
}

nav ul li.pages a {
	display: inline-block;
	width: 100%;
}

nav > ul > li.pages > h1 a{
	border-top: 2px solid white; 
}

nav > ul > li {
	background-color: #325132;
	border-top: 1px solid #fff;
	display: none;
	float: none;
	left: 0;
	list-style: outside none none;
	padding: 0;
	position: relative;
	top: -2px;
	width: 100%;
	z-index: 2000 !important;
	cursor: pointer;
	float: left;
	margin: 0px 0px 0 0;
	padding-top: 0px !important;
}

nav ul li.pages.active:first-child{
	display: block !important;  
}

.community-procession nav ul li{
	padding-left: 0px;
}

nav ul > li:hover{
	background-color: #499344;
}

nav > ul > li > span {
	display: inline-block;
	height: 30px;
	position: relative;
	top: 4px;
	cursor: pointer;
}

nav i.fa.fa-chevron-down{
	display: inline;
	color: #fff;
	position: relative;
	top:11px;
	float: right;
	padding-right: 9px;
	margin-right: 24px;
}

/*ul > li.lilevel1 > div > i.fa.fa-chevron-down{
	top: -4px;
}

nav > ul > li > a {
    display: block;
    height: 30px;
    margin: 0;
    position: relative;
    top: 4px;
}*/

nav > ul > li > a{
  padding: 0 10px;
  position: relative;
}

nav > ul > li#featured > a{
	padding-left: 0px;
}

nav > ul > li.not-parent > a, nav > ul > li.pages > a, nav > ul > li.pages > h1 a{
	padding: 0 15px;
}

li.lilevel1 span.level1{
	top: -4px;
}

nav ul li.share i.fa-share-alt{
	padding: 0 5px;
	font-size: 1em;
	color: gold;
	top: 3px;
	right: 5px;
	position: relative;
}

.star-wrap.mob ul li.share i.fa-share-alt{
	padding: 0 5px;
	font-size: 2em;
	color: gold;
	top: 3px;
	position: relative;
	display: inline-block;
}

i.fa-share-alt{
	cursor: pointer;
}

nav ul li.share ul,.star-wrap.mob ul li.share ul{
	padding: 0px;
	display: none;
	left: 0px;
	top: 57px;
	position: fixed;
	background-color: #325132;
}

.star-wrap.mob ul li.share ul li i{
	font-size: 2em;
	/*padding-right: 10px;*/
}

.star-wrap.mob ul li.share ul{
	padding: 0px 5px;
}

nav ul li.share ul li, .star-wrap.mob ul li.share, .star-wrap.mob ul li.share ul li{
	list-style: none;
	line-height: initial;
	padding: 0 10px 10px 10px;
}

nav ul li.share a, .star-wrap.mob ul li.share li a{
	width: auto;
	display: block;
	color: white;
	padding: 10px 0 0 0px
}

ul.social{
	padding-left: 0px;
}

li.lilevel1 span.glyphicon.glyphicon-arrow-right{
  position: relative;
  top: -4px;
}

nav a, nav li{
	color: white;
}


/*---------------------------------------------- Flexbox */

.flexbox {
	display: block;
}

/*---------------------------------------------- Countdown */

.star-wrap.mob {
	width: 81.5%;
	left: 15px;
	top: 0px;
	font-size: 0.8em;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	height: 57px;
}

.star-wrap.mob > div {
   position: relative;
	width: 91%;
	height: 100%;
}

/*.star-wrap.mob h4 span{
	display: inline-block;
}*/

.star-wrap.mob span.day, .star-wrap.mob span.month {
    color: yellowgreen;
    font-size: 1.7em;
    word-spacing: -13px;
    line-height: 22px;
    position: absolute;
}

.star-wrap.mob span.day{
	top: 7px;
} 

.star-wrap.mob span.month {
	top: 27px;
}

.star-wrap.mob span.year {
	color: orange;
	font-size: 2.9em;
	position: absolute;
	left: 48%;
	top: 0px;
}

.star-wrap.mob span.count-down {
	word-spacing: -8px;
	font-size: 0.9em;
	color: chocolate;
	position: absolute;
	left: 49%;
	top: 35px;
	letter-spacing: 0.07em;
}

/*---------------------------------------------- Vision */

.vision h5{font-family: 'Rubik Mono One', sans-serif; font-size: 1.4em; margin-top: 40px; margin-bottom: 0px; }

/*---------------------------------------------- Background */

.background h3{
	text-align: left;
	color: #262626;
}

.background h3 span.white{
	color: white;
}

body.community-procession .donate .text-content p:first-child,
body.community-procession .background .text-content p:first-child,
body.community-procession .get-involved .text-content p:first-child,
body.community-procession .vision .text-content p:first-child{
	margin-top: 30px;
}

ul.backdrop{
    padding-left: 15px;
    margin-left: 0px;
}

.text-content ul.backdrop li {
   color: #262626;
	font-size: 1em;	
}

/*---------------------------------------------- Procession */

.procession .text-content{
	position: relative;
}

/*---------------------------------------------- Route */

body.community-procession footer p{
	font-size: 0.8em;
	color: white;
}

.bullhorn-wrap{
	position: relative;
	margin-bottom: 30px;
}

.westway-bullhorn {
	margin-top: 30px;
}	

.westway-bullhorn .fa-bullhorn{
	font-size: 5em;
	color: tan;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0px;
}

h5{
	color: #262626;
	margin-bottom: 0px;
}

.route .on-the-day p{
	font-size: 1em;
}

.route .on-the-day ul, .route .on-the-day ul ol{
	margin: 0px; 
	padding: 0px;
	color: #262626;
}

/*.route  .travel{
	padding-left: 0px;
}*/

.basic-journey-options {
    background-color: transparent;
    padding: 0 0px 0px;
}

.iframe-wrap{
	margin-top: 10px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.route img{border: 1px solid #ddd;}

.route .time-table{font-size: 1em;}

.section-style.plan-a-journey-external{
	display: none  !important;
}

.route .on-the-day iframe{
	padding-top: 5px;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;  
	max-width: 400px;       /* OLD - Firefox 19- */
	width: 100%;               /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.route .on-the-day .col-xs-12{
	padding-left: 0px;
	padding-right: 0px;
}

.spread-da-word {
    position: absolute;
    bottom: 6px;
    left: 17%;
}

.spread-da-word span{
	display: inline-block;
	font-size: 1.2em;
	color: yellowgreen;
	font-weight: bold;
}

.spread-da-word .spread{
	-ms-transform: skew(0deg,5deg);
	-webkit-transform: skew(0deg,5deg);
	transform: skew(0deg,5deg);
}

.spread-da-word .word{
	-ms-transform: skew(0deg,5deg);
	-webkit-transform: skew(0deg,5deg);
	transform: skew(0deg,-5deg);
}

.route h5{  font-family: 'Rubik Mono One', sans-serif; font-size: 1.4em; color: yellowgreen; margin-top: 0px;}

.route .activities ul{margin-bottom: 15px;}

/*---------------------------------------------- Slides */

div.slides {
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 2000;
}

div.cycle-slideshow{
  overflow: hidden;
}

.slider-wrapper .center-parent {
  display: table !important;
  height: 100%;
  width: 100%;
}

.slider-wrap{
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	z-index: 1000;
}

span.pre{
	width: 30%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 1000;
	display: none;
}

span.nex{
	width: 30%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 1000;
	display: none;
}

i#pre {
	position: absolute;
	left: 10%;	
	top: 40%;
  opacity: 0;
  z-index: 1000;
	height: 72px;
	width: 40px;
}

i#nex {
	position: absolute;
	right: 10%;
	top: 40%;	
	vertical-align: middle;
	opacity: 0;
	z-index: 1000;
	height: 72px;
	width: 40px;
}

.arrow{color: #262626;}

i#pre img, i#nex img{
	width: 30%;
}

 span.pre:hover i#pre, span.nex:hover i#nex{
  opacity: 1;
}

.cycle-slide-show-pre-nex > span i{
	cursor: pointer;
	padding: 0 3%;
}

.cycle-pager {
	display: inline;
	height: 52px;
	position: absolute;
	text-align: right;
	right: 10px;
	z-index: 1000;
	bottom: 0px;
}

.cycle-pager span {
	color: lightgray;
	cursor: pointer;
	display: inline-block;
	font-size: 3.4em;
	height: 25px;
	width: 25px;
	color: #262626;
}

.cycle-pager span.cycle-pager-active {
    color: white;
}

.cycle-pager > * {
    cursor: pointer;
}

/*---------------------------------------- Home*/

a.home.active{
	color: #262626;
	font-weight: normal;
} 	

.home a:hover{
	color: #262626;
}


/*---------------------------------------------- Community Procession */

body.community-procession header, 
body.community-procession nav,
body.community-procession .fixed, 
body.community-procession nav > ul > li, body.community-procession nav > ul > li > a{
	height: 57px !important;
}

body.community-procession nav li h1{ 
    font-size: 1em;
    margin: 0px;
}
body.community-procession{
	background-color: white;
}

body.community-procession footer{
	min-height: 200px;
}

body.community-procession nav ul > li.p33:hover, body.community-procession nav ul li.p33 a:hover,body.community-procession nav ul li.p33 a.active{
	background-color: gold;
}
body.community-procession nav ul > li.p39:hover, body.community-procession nav ul li.p39 a:hover,body.community-procession nav ul li.p39 a.active{
	background-color:white;
}
body.community-procession nav ul > li.p36:hover, body.community-procession nav ul li.p36 a:hover,body.community-procession nav ul li.p36 a.active{
	background-color: yellowgreen;
}
body.community-procession nav ul > li.p37:hover, body.community-procession nav ul li.p37 a:hover,body.community-procession nav ul li.p37 a.active{
	background-color: violet;
}
body.community-procession nav ul > li.p35:hover, body.community-procession nav ul li.p35 a:hover,body.community-procession nav ul li.p35 a.active{
	background-color: #00bfff;
}
body.community-procession nav ul > li.p38:hover, body.community-procession nav ul li.p38 a:hover,body.community-procession nav ul li.p38 a.active{
	background-color: peru;
}

body.community-procession nav ul.ul{
	overflow: hidden;
}
body.community-procession nav ul li a{
	top: 0px;
	word-spacing: -5px;
}

.community-procession .green{
	background-color: yellowgreen;
}

.community-procession .peru{
	background-color: peru;
}

.community-procession footer{
	background-color: #262626;
}

.community-procession nav li, .community-procession nav, .community-procession .fixed {background-color: #262626;}

.community-procession h2{
	font-size: 2.4em;	
	font-size: 10.6vw;
	line-height: 1em;
	color: #262626;
	margin-top: 0px;
}

.community-procession .gold h2::first-line{
	letter-spacing: 0.1em;
}

.community-procession h3{
	font-size: 1.1em;
	line-height: 1em ;
	margin-top: 10px;
}

.community-procession .gold h2{
	position: relative;
	right: 5px;
}

body.community-procession h2, body.community-procession h3,body.community-procession h4,body.community-procession nav li {
    font-family: 'Rubik Mono One', sans-serif;
}

body.community-procession nav li{
	line-height: 50px;
}

body.community-procession nav li {
	font-size: 1.2em;
}

body.community-procession p{
	color: #262626;
}

#pacman { width: 0px; height: 0px; border-right: 20px solid transparent; border-top: 20px solid white; border-left: 20px solid white; border-bottom: 20px solid white; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.corporate-pacman {
    position: relative;
    top: -2px;
    left: 30px;
    opacity: 1;
}


.base {
    background: green;
    display: inline-block;
    height: 15px;
    margin-left: 15px;
    margin-top: 55px;
    position: relative;
    width: 20px;
}


.base:before {
    border-bottom: 15px solid green;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    height: 0;
    left: -5px;
    position: absolute;
    top: -14px;
    width: 0;
}

.pac-wrap{
	position: relative;
	display: inline-block;
}

h3.stand{
	margin: 0px 0 0 10px;
}

h4{ color: green}

h3.reclaim,h3.unity{margin-top: 10px;}

.skyblue h2{text-align: left;}

.westway-trafic,.westway-trees {
    position: relative;
    top: -2px;
    left: 8%;
    opacity: 1;
}
.westway-trees{
    color: green
}

.corporate-pacman {
    position: relative;
    top: -2px;
    left: 30px;
    opacity: 1;
}

.corporate-pacman #pacman{
	position: relative;
	bottom: -1px;
}

h3.unity{ 
	text-align: left; 
	margin-top: 10px; 
}


section{
  overflow: hidden;
  padding: 0px 0px 50px 0px;
}

section.gold {
  overflow: hidden;
  padding: 30px 0px 0px 0px;
}

section.white{background-color:white;}
section.skyblue{background-color:  #00bfff;}
section.violet{background-color: violet;}
section.blue{background-color: blue;}
section.gold{background-color: gold;}
section.gold p{margin-top: 0px;}
section.gold img{max-width: 700px;}
/*.white div > p:first-child{margin-top: 60px;}*/

.fa-angle-right, .fa-angle-left{
	font-size: 8em !important;

}

.fa-university,.fa-building,.fa-home,.fa-industry,.fa-bed,.fa-tree,.fa-truck{
    font-size: 3em !important;
    left: 0px;
    position: relative;
    top: 0px;
}

.fa-truck{
	color: white;
}

.fa-tree{
	color: green;
}

.fa-home{
	color: sienna;
}

i.fa.fa-cloud {
    left: 0px;
    position: relative;
    bottom: 0px;
    color: slategray;
}

.borders-skew{
	-ms-transform: skew(0deg,5deg);
	-webkit-transform: skew(0deg,5deg);
	transform: skew(0deg,5deg);
}

.wrap-borders{
	width: 100%;
	overflow: hidden; 
}

.g-sg{
	background: -webkit-linear-gradient(0deg,white,white,gold,gold);
	background: -o-linear-gradient(0deg,white,white,gold,gold);
	background: -moz-linear-gradient(0deg,white,white,gold,gold);
	background: linear-gradient(0deg,white,white,gold,gold);
}

.borders-skew.g{border-top: solid gold 40px;border-bottom: solid gold 0px; background-color: gold;}
.borders-skew.sg{border-top: solid white 15px;border-bottom: solid white 46px; background-color: white;}


.g-w{
	background: -webkit-linear-gradient(0deg,white,white,gold,gold);
	background: -o-linear-gradient(0deg,white,white,gold,gold);
	background: -moz-linear-gradient(0deg,white,white,gold,gold);
	background: linear-gradient(0deg,white,white,gold,gold);
}
.borders-skew.g{border-top: solid gold 40px;border-bottom: solid gold 0px; background-color: gold;}
.borders-skew.w{border-top: solid white 40px;border-bottom: solid white 30px; background-color: white;}

.sg-p{
	background: -webkit-linear-gradient(0deg,peru,peru,white,white);
	background: -o-linear-gradient(0deg,peru,peru,white,white);
	background: -moz-linear-gradient(0deg,peru,peru,white,white);
	background: linear-gradient(0deg,peru,peru,white,white);
}

.borders-skew.wp{border-top: solid white 40px;border-bottom: solid white 0px;background-color: white;}
.borders-skew.p{border-top: solid peru 40px;border-bottom: solid peru 56px;background-color: peru;}

.p-s{
	background: -webkit-linear-gradient(0deg,#00bfff,#00bfff,peru,peru);
	background: -o-linear-gradient(0deg,#00bfff,#00bfff,peru,peru);
	background: -moz-linear-gradient(0deg,#00bfff,#00bfff,peru,peru);
	background: linear-gradient(0deg,#00bfff,#00bfff,peru,peru);
}

.borders-skew.ps{border-top: solid peru 40px;border-bottom: solid peru 0px; background-color: peru; }
.borders-skew.s{border-top: solid #00bfff 40px;border-bottom: solid #00bfff 30px; background-color: #00bfff; }

.s-yg{
	background: -webkit-linear-gradient(0deg,yellowgreen,yellowgreen,#00bfff,#00bfff);
	background: -o-linear-gradient(0deg,yellowgreen,yellowgreen,#00bfff,#00bfff);
	background: -moz-linear-gradient(0deg,yellowgreen,yellowgreen,#00bfff,#00bfff);
	background: linear-gradient(0deg,yellowgreen,yellowgreen,#00bfff,#00bfff);
}

.borders-skew.syg{border-top: solid #00bfff 45px;border-bottom: solid #00bfff 0px; background-color:#00bfff;}
.borders-skew.yg{border-top: solid yellowgreen 40px;border-bottom: solid yellowgreen 30px; background-color:yellowgreen;}

.yg-v{
	background: -webkit-linear-gradient(0deg,violet,violet,yellowgreen,yellowgreen);
	background: -o-linear-gradient(0deg,violet,violet,yellowgreen,yellowgreen);
	background: -moz-linear-gradient(0deg,violet,violet,yellowgreen,yellowgreen);
	background: linear-gradient(0deg,violet,violet,yellowgreen,yellowgreen);
}

.borders-skew.ygv{border-top: solid yellowgreen 60px;border-bottom: solid yellowgreen 0px; background-color: yellowgreen;}
.borders-skew.v{border-top: solid violet 40px;border-bottom: solid violet 30px; background-color: violet;}

.dv-dg{
	background: -webkit-linear-gradient(0deg,#325132,#325132,violet,violet);
	background: -o-linear-gradient(0deg,#325132,#325132,violet,violet);
	background: -moz-linear-gradient(0deg,#325132,#325132,violet,violet);
	background: linear-gradient(0deg,#325132,#325132,violet,violet);
}

.borders-skew.dv{border-top: solid violet 60px;border-bottom: solid violet 0px; background-color: violet;}
.borders-skew.dg{border-top: solid #325132 40px;border-bottom: solid #325132 60px; background-color: #325132;}

/*---------------------------------------------- Get Involved */

.carousel-wrap{
	background-color: white;
	width: 100%;
}

.carousel-pager{
	position: absolute;
	left: 10%;
	bottom: 35%;
}

.carousel-pager span{
	color: white;
	font-size: 2em;
	cursor: pointer;
	padding: 0px 3px;
}

.carousel-pager span.cycle-pager-active{
	color: black
}

#res{
	background-color: white;
}

.join h5{
	/*padding-left: 15px;*/
	margin-bottom:10px; 
	font-size: 1.6em;
	text-transform: uppercase;
   font-family: 'Rubik Mono One', sans-serif;
	color: #262626;
}

/*.groups.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	margin-top: 30px;
}
*/


.groups.flex {
    background-color: white;
    margin: 0 auto; 
}

.borders-skew.ygv h4 {
    color: white;
    position: relative;
    left: 10%;
    font-size: 1.4em;
}

.groups p{
	font-size: 0.8em;
}

.groups div.col-sm-2{
	padding-left: 0px;
}

.groups img{
	max-height: 30px;
	width: auto;
}

.groups.flex div.grp{
	width: 7%;
}
.groups.flex img.grp{
	width: 80px !important;
	margin: 8px 30px; 
}


/*---------------------------------------------- Join */

.form-wrapper form, .form-wrapper form input, .form-wrapper form select, .form input, .form textarea{
	width: 100%;
}

.form-wrapper form input{
	width: 100%;
}

.form-wrapper form input, .form-wrapper form select, .form-wrapper form textarea, .form input, .form textarea{
  border: 1px dotted darkgray;
  border-radius: 0;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px;
}

.form-wrapper p{
	font-size: 1em;
}

.join form input[type='file'] {background-color: white;}

.join form label{color: #262626;}

p.error-red, #lierroras{
	color: red;
}	

p.success-green{
	color: green;
}		

.join .groups, .form-wrapper form div{
	padding-left: 0px;
}

.form-wrapper textarea {
   width: 100%;
	/*height: 84%;*/
}

/*---------------------------------------------- Donate*/

#donateform{
	display: none;
}

.donate.paypal img{
	width: 100px;
	height: 26px;
	margin-bottom: 0px;
}
.donate.paypal p{
	font-size: 1em;
}

/*.donate .content img{
	margin-bottom: 10px;
}*/

.donate input#dsubut:hover, .get-involved input#subut:hover{background-color: #ddd}
.donate h2, .donate h3{text-align: right;}

.donator-wrap{
	margin-bottom: 30px;
}

.donate div.form input#detailsubut:hover{
	background-color: #ddd;
}

.donate .donator-record{
	background-color: white;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: dotted 2px pink;
	width: 100%;
	border-radius: 14px;

}

.donate .donator-record p{
	font-size: 1em;
	color: grey;
	margin-bottom: 0px;
}

.donated-money > h4 {
	font-size: 1.4em;
	color: white;
	word-spacing: -15px;
	text-align: center;
	margin: 0px;
   /*text-shadow: -1px 0 gold, 0 1px gold, 1px 0 gold, 0 -1px gold;*/
 }

.donate span.ddate {
	font-size: 0.8em;
	color: silver;
	float: right;
	font-weight: bold;
	position: relative;
	top: 0px;
}

.donate .dsum {
	padding-left: 0px;
	font-weight: bold;
	font-size: 1em;
	color: yellowgreen;
}
.donate i{
	display: block;
	padding-top: 5px;
	font-size: 0.8em;
}

.donate .donator-count p {
	margin-bottom: 5px;
	font-size: 0.9em;
	text-align: left;
	color: white;
   font-weight: bold;
}

/*---------------------------------------------- Thank you*/

.thanks-share h2.title {
    padding: 0px;
    margin-bottom: 30px;
}

.thanks-share h2{
	text-align: left;
}

.thanks-share h2.title span{
	position: relative;
	left: -0.2em;
}

.thanks-share .thanks-share-links a{
   display: inline-block;
	padding-right: 10px;
}

.thanks-share i.fa-envelope.fa-4,.thanks-share i.fa-twitter.fa-4,.thanks-share i.fa-facebook-square.fa-4{
	font-size: 2em;
	color: white;
}


/*---------------------------------------------- Mobile Queries*/

/* ----------- Galaxy S5 ----------- */

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
}



@media only screen and (device-width : 375px) and (device-height : 822px) and (-webkit-min-device-pixel-ratio : 3){ 

/*	.star-wrap.mob{
		top: -1.5%;
	}*/
}



/* iPhone 5 ----------- */

@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio:2) and (orientation: portrait){
	
/*	.star-wrap{
		top: -3%;
	}*/
}

@media screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-min-device-pixel-ratio:2) and (orientation: landscape){

/*	.star-wrap{
		top: -3%;
	}

	.star-wrap.mob span.year{
		top: -1%;
	}	*/
}


/* iPhone 6 ----------- */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) { 

/*	.star-wrap{
		top: -2.4%;
	}*/
}

/* iPhone 6+ ----------- */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) and (orientation : portrait){ 
	
/*	.star-wrap{
		top: -2%;
	}*/

}

/* iPhone 6+ ----------- */
/*
@media only screen and (min-device-width : 736px) and (device-height : 414px) and (-webkit-min-device-pixel-ratio : 3) and (orientation : landscape){ 
	
	.star-wrap{
		top: -3.5%;
	}

}*/



/* ------------------------------------------------- Small Tablet */

@media all and (min-width: 480px) and (max-width: 768px) { 
	nav > ul > li.not-parent > a, nav > ul > li.pages > a{
		padding: 0 10px;
	}

	.wrap{
		margin:10px 0px 40px 0px; 
	}	
}

/* ------------------------------------------------- Medium Tablet */

@media all and (min-width: 533px) and (max-width: 853px) { 
}

@media (min-width: 480px) and (orientation:landscape) {
  
}

@media all and (min-width: 480px){ 
	#cycle-slide-show span.pre, #cycle-slide-show span.nex{
		display: block;
	}

	i#pre img, i#nex img{
		width: 40%;
	}

	.cycle-pager span {
	  font-size: 20px;
	}	

	#cycle-slide-show{
		margin-bottom: 0%;
	}

  #slideshow .items img,#slideshow .items p { 
		max-width: auto;
  } 	

	#slideshow.lessthan5 .cycle-carousel-wrap .items.cycle-slide {
	    width: 50% !important;
	}

	#slideshow.lessthan5 .carousel-pre-nex{
		display: none;
	}
}

@media all and (min-width: 320px) and (max-width: 822px){ 

}

@media all and (min-width: 600px) and (max-width: 800px){
}

@media all and (min-width: 360px) and (max-width: 640px){

	.community-procession h3{
		font-size: 1.3em;
	}
}

@media all and (min-width: 425px) and (max-width: 736px){

	.community-procession h3{
		font-size: 1.6em;
	}

	.star-wrap.desk {
		top: 12%;
	}
}

@media all and (min-width: 768px){ 

	
	li.share ul li .fa-4{
		font-size: 1.8em;
	}

/*	nav ul li.share ul li, .star-wrap.mob ul li.share, .star-wrap.mob ul li.share ul li{
		padding: 0 10px; 
	}*/

	li.home.share.desk{
		display: block !important;
		padding-right: 0px;
	}
	.bullhorn-wrap{
		margin-bottom: 0px;
	}

	.westway-bullhorn .fa-bullhorn{
		font-size: 8em;
	}		

	.spread-da-word {
	    position: absolute;
	    bottom: 20px;
	    left: 7%;
	    font-size: 0.8em;
	}

	.text-content ul.backdrop li {
		font-size: 1.4em;	
	}	

/*	.spread-da-word {
		display: none;
	}*/

	.groups img{
		max-height: 40px;	
	}

	.route .on-the-day iframe{
		max-width: 100%;
	}

	.route .on-the-day{
		top: 0px;
		padding-left: 0px;
		margin-top: 50px;
	}

	.flexbox {
		display: -webkit-flex;
		display: flex;
	}

	.flexbox.stretch{
		-webkit-webkit-align-items: stretch;
		-moz-webkit-align-items: stretch;
		-ms-webkit-align-items: stretch;
		-o-webkit-align-items: stretch;
		webkit-align-items: stretch;
		align-items: stretch;
		height: 100%;
	}

	.donated-money h4 {
		font-size: 2em;
	}

	nav > ul > li.pages > h1 a{
		border-top: 0px; 
	}

	.star-wrap.mob {
		display: none;
	}

	.route .on-the-day .col-sm-4{
		padding-left: 15px;
		padding-right: 15px;
	}	

	.timetable.col-xs-12.col-sm-4{
		padding-left: 30px;
	}

	#pacman { width: 0px; height: 0px; border-right: 30px solid transparent; border-top: 30px solid white; border-left: 30px solid white; border-bottom: 30px solid white; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
	.base { background: green; display: inline-block; height: 30px; margin-left: 20px; margin-top: 55px; position: relative; width: 50px; } 
	.base:before { 
		border-bottom: 30px solid green; border-left: 30px solid transparent; border-right: 30px solid transparent; content: ""; 
	height: 0; left: -5px; position: absolute; top: -29px; width: 0; }

	.corporate-pacman {
		position: relative;
		top: 0px;
		left: 15px;
		opacity: 1;
	}

	.fa-university,.fa-building,.fa-home,.fa-industry,.fa-bed,.fa-tree,.fa-truck{
	   font-size: 4.4em !important;
   } 

	.community-procession h2, .community-procession h3{word-spacing: -15px;}

	nav > ul > li.pages > h1 a{
	padding: 0 0px;
	}

	body.community-procession nav li {
		font-size: 0.9em;
	}	

	nav > ul > li.not-parent > a, nav > ul > li.pages > a{
		padding: 2px 5px 0px 5px;
	}

	section{
	  overflow: hidden;
	  padding: 100px 0px 50px 0px;
	}

	section.gold {
	  padding: 80px 0px 50px 0px;
	}

	h3.reclaim,h3.unity{
		margin-top: 20px;
	}

	h3.unity{ 
		text-align: right;
		word-spacing: -20px;
	}	

	.community-procession h2{
		font-size: 4em
	}

	.mob{display: none;}
	.desk{display: block;}

	.community-procession h3{
		font-size: 1.8em;
		margin-top: 10px;
		letter-spacing:0.0em;
	}

	.community-procession .cycle-pager{
		bottom: 10px;
		right: 15px;
	}

	.community-procession .cycle-pager span{
		font-size: 4em;
		width: 25px;
	}

	.cycle-pager span.cycle-pager-active{
		color: white;
	}

	.community-procession .slider-wrap{
		position: relative;
	}		

	.hideshowmenu{
		display: none;
	}

	.corporate-pacman {
		position: relative;
		top: -2px;
		left: 300px;
		opacity: 1;
	}

	.gold .corporate-pacman,.green .corporate-pacman{
		top: 185px;
	}

	.gold .corporate-pacman, .skyblue .corporate-pacman, .green .corporate-pacman, .peru .corporate-pacman {
		left: 500px;
	}	

	.fa-university,.fa-building,.fa-home,.fa-industry,.fa-bed,.fa-tree,.fa-truck{
	   left: 50px;
	}	

	.white h2, .green h2, .peru h2,h2.stand{text-align: right;}

	img{margin-bottom: 0px;}
	
	/*.vision img{margin-bottom: 15px;}*/

	nav > ul {
		display: block !important;
		top: 0px;
	}

	.vision h2.title{text-align: left;}

	.vision h3.stand{text-align: center;}

	nav ul {
		display: block;
		height: inherit;
		margin: 0 !important;
		position: relative;
		padding-left: 20px;
	}

	.community-procession nav > ul > li {
		list-style: none;
		background-color: none;
		display: block;
		border-top: 0;
		border-bottom: 0px solid #fff;
		float: left;
		list-style: outside none none;
		padding: 0;
		position: static;
		width: auto;
		z-index: 2000;
		font-size: 0.9em;
	}

	.ul > li:last-child {
	    margin: 0;
	}	
	
	nav > ul > li{
		top: 20px;
		height: 40px;
	}

	h1.title{
		top: 0px;
		padding-left: 20px;
	}

/*	nav ul ul{	
		left: auto;
		width: inherit;
		position: absolute;
	}*/

	nav ul li{
		text-transform: capitalize;
		padding-left: 0px;
	}

	

	.not-parent span.level0 {
    padding: 0 10px;
	}

	nav > ul > li#featured a {
    padding: 0px;
	}

	.community-procession nav > ul > li > a, nav > ul > li > span {
		height:40px;
		top: 9px;
	}

	header .fixed{
		height: 40px;
	}

	nav{
		height: 40px;
	}	

	nav > ul > li:last-child > a{
		padding-right: 0px;
	}

	nav i.fa.fa-chevron-down{
		margin-right: 0px;
	}

	.carousel-pre-nex {
		position: absolute;
		top: 16%;
		display: inline-block;
		left: 0;
		width: 100%;
	}	

	.community-procession nav > ul > li.pages h1 a,
	.community-procession nav > ul > li.pages > a{
		top: 0px;
		padding-top: 2px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.star-wrap {
		position: fixed;
		right: 2%; 
		top: 5%;
		z-index: 1010;
	}

	.star-wrap.desk {
		position: fixed;
		right: 2%;
		top: 18%;
		z-index: 1010;
		background-color: papayawhip;
		padding: 10px;
		border-radius: 20px;
		box-shadow: 0 0 13px #eee;
		opacity: 0.6;
		/*font-size: 0.6em;*/
	   /*letter-spacing: */
	}

	.star-wrap.desk span.count-down{
	    letter-spacing: 0.2em;
	    word-spacing: -0.9em;
	}

	.star-wrap.desk span.month,
	.star-wrap.desk span.day{
		word-spacing: -0.7em;
		letter-spacing: 0.05em;
	    font-size: 2.7em;
	}

	.star-wrap.desk span.year {
		font-size: 4.6em;
	}	

	.star-wrap.desk h4 {
		margin: 0px;
		font-size: 0.6em;
	}	

	.star-wrap.desk h4 span{
		display: block;
	}

	span.year {
	    font-size: 3em;
	    color: orange;
	    line-height: 1em;
	}

	span.month,span.day {
	    font-size: 1.9em;
	    word-spacing: -18px;
	    color: yellowgreen;
	    line-height: 1em;
	}

	span.count-down {
	    font-size: 1.2em;
	    word-spacing: -11px;
	    color: chocolate;
	    line-height: 10px;
	    position: relative;
	    left: 3px;
	}

	i.fa.fa-cloud {
	    left: 51px;
	}

	.community-procession h2{
		font-size: 3em;
	}

}

/* ------------------------------------------------ Tablet */


/* --------------------------------------------- Desktop */

@media all and (min-width: 1024px){ 



li.home.share.desk{
	display: block !important;
	padding-right: 10px;
}

	.donated-money > h4 {
		font-size: 2em;
	}	

	div.form{
		width: 120%;
	}

	.donate .donator-record{
		width: 120%;
	}

	.procession .text-content{
		width: 95%;
		left: 10%;
	}	

	.spread-da-word {
		display: block;
		left: 15%;
		font-size: 1.2em;
	}

	.form-wrapper form, .form-wrapper form input, .form-wrapper form select, .form-wrapper form textarea, .form-wrapper .form input, .form-wrapper .form textarea{
		width: 110%;
	}


	.route .on-the-day iframe{
		max-width: 45%;
	}

	.community-procession h2{
		font-size: 3.4em
	}	

/*	.right-side{
		padding-right: 80px;
	}

	.left-side{
		padding-left: 80px;
	}
*/

	.route .on-the-day{
		top: 0px;
		padding-left: 0px;
		/*margin-top: 30px;*/
	}

	.community-procession h3{
		font-size: 2.20em;
		margin-top: 10px;
	}

/*	nav ul {
		padding-right: 3%;	
	}*/

	.community-procession nav > ul > li.not-parent > a, .community-procession nav > ul > li.pages a{
		padding: 2px 15px 0px 15px;
	}	

	h2{font-size: 1.6em;}

	p{font-size: 1.2em;}

	.community-procession nav > ul > li{
		font-size: 1.1em;
	}			
}

/*--------------------------------------------- Large Desktops*/

@media only screen and (min-width : 1224px) {

	.star-wrap.desk h4 {
		font-size: 0.8em;
	}		

	.community-procession h2{
		font-size: 4em
	}	


	p{font-size: 1.4em;}

	.star-wrap.desk {
   	top: 8.5%;
	}

	.community-procession h3{
		font-size: 2.60em;
	}	

	body.community-procession nav > ul > li{
		font-size: 1.4em;
	}

	.donate .donated-money, .donate .donator-record{
		width: 120%;
	}	

}

@media only screen and (min-width : 1280px) {

	body{
		background-color: silver;
	}

	.fixed > .container{
		height: inherit;
		padding-left: 0px;
		padding-right: 0px;
	}

	.star-wrap.desk {
   	/*font-size: 0.8em;*/
	}

	.star-wrap.desk {
   	top: 10%;
	}


	nav{
		max-width: 1340px;
		margin: 0 auto;
	}

	div.home{
		background-color: #fff;
		margin-bottom: 0px;
		padding-bottom: 30px;
	}

	.outer{
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	
	body.community-procession{
		background-color: ivory;
	}


}

@media only screen and (min-width : 1440px) {

	header .fixed{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	width: 1280px;
	}

	.fixed > .container{
		height: inherit;
		padding-left: 15px;
		padding-right: 15px;
	}

	.star-wrap.desk {
		position: fixed;
		right: 15%;	
	}

	.star-wrap.desk h4 {
	font-size: 1em;
	}	

}

@media only screen and (min-width : 2560px) {
	
	.star-wrap.desk {
		position: fixed;
		right: 26%;	
		top: 4%;
	}
}	

body.community-procession footer, body.community-procession nav, body.community-procession .fixed, body.community-procession ul.ul li{
	background-color: #325132;
}
.slides img { display: none;}
.slides img:first-child {display: inline;}

.thanks-share .donator-record,.thanks-share .donated-money{
	width: 100%;
}