/* 
	Carbontype Material v.1.03
	Jonathan Pyper - Belfast @carbontype
 */

/* structure */
div[class^=col-], section[class^=col-], li[class^=col-], a[class^=col-]{float:left; margin-right:2%; position:relative;}
div[class^=span-], section[class^=span-], li[class^=span-], a[class^=span-]{float:left; margin-right:2%; position:relative;}

.grid div[class^=col-], .grid section[class^=col-], .grid li[class^=col-], .grid a[class^=col-]{margin-bottom:2%;}

/* structure no margins */
div[class^=coln-], section[class^=coln-], li[class^=coln-], a[class^=coln-]{float:left; position:relative;}
div[class^=span-], section[class^=spann-], li[class^=spann-], a[class^=spann-]{float:left; position:relative;}

/* 1 columns */
.col-12, .span-12{width:100%} .coln-12, .spann-12{width:100%}
div:last-child.col-12, section:last-child.col-12, li:last-child.col-12{margin-right:0%;}
div:last-child.span-12, section:last-child.span-12, li:last-child.span-12{margin-right:0%;}

.col-11, .span-11{width:91.5%} .coln-11, .spann-11{width:91.6%}
div:last-child.col-11, section:last-child.col-11, li:last-child.col-11{margin-right:0%;}
div:last-child.span-11, section:last-child.span-11, li:last-child.span-11{margin-right:0%;}

.col-10, .span-10{width:83%} .coln-10, .spann-10{width:83.4%}
div:last-child.col-10, section:last-child.col-10, li:last-child.col-10{margin-right:0%;}
div:last-child.span-10, section:last-child.span-10, li:last-child.span-10{margin-right:0%;}

.col-9, .span-9{width:74.5%} .coln-9, .spann-9{width:75%}
div:last-child.col-9, section:last-child.col-9, li:last-child.col-9{margin-right:0%;}
div:last-child.span-9, section:last-child.span-9, li:last-child.span-9{margin-right:0%;}

.col-8, .span-8{width:66%} .coln-8, .spann-8{width:66.6%}
div:last-child.col-8, section:last-child.col-8, li:last-child.col-8{margin-right:0%;}
#div:last-child.span-8, section:last-child.span-8, li:last-child.span-8{margin-right:0%;}

.col-7, .span-7{width:57.5%} .coln-7, .spann-7{width:58.4%}
div:last-child.col-7, section:last-child.col-7, li:last-child.col-7{margin-right:0%;}
div:last-child.span-7, section:last-child.span-7, li:last-child.span-7{margin-right:0%;}

/* 2 columns */
.col-6, .span-6{width:49%;} .coln-6, .spann-6{width:50%;}
div:nth-child(2n).col-6, div:last-child.col-6, div:nth-child(2n).span-6, div:last-child.span-6{margin-right:0%;}
section:nth-child(2n).col-6, section:last-child.col-6, section:nth-child(2n).span-6, section:last-child.span-6{margin-right:0%;}
li:nth-child(2n).col-6, li:last-child.col-6, li:nth-child(2n).span-6, li:last-child.span-6{margin-right:0%;}

.col-5, .span-5{width:40.5%} .coln-5, .spann-5{width:41.6%}
div:last-child.col-5, section:last-child.col-5, li:last-child.col-5{margin-right:0%;}
div:last-child.span-5, section:last-child.span-5, li:last-child.span-5{margin-right:0%;}

/* 3 columns */
.col-4, .span-4{width:32%} .coln-4, .spann-4{width:33.3%}
div:nth-child(3n).col-4, div:last-child.col-4, div:nth-child(3n).span-4, div:last-child.span-4{margin-right:0%;}
section:nth-child(3n).col-4, section:last-child.col-4, section:nth-child(3n).span-4, section:last-child.span-4{margin-right:0%;}
li:nth-child(3n).col-4, li:last-child.col-4, li:nth-child(3n).span-4, li:last-child.span-4{margin-right:0%;}
a:nth-child(3n).col-4, a:last-child.col-4, a:nth-child(3n).span-4, a:last-child.span-4{margin-right:0%;}

/* 4 columns */
.col-3, .span-3{width:23.5%} .coln-3, .spann-3{width:25%}
div:nth-child(4n).col-3, div:last-child.col-3, div:nth-child(4n).span-3, div:last-child.span-3{margin-right:0%;}
section:nth-child(4n).col-3, section:last-child.col-3, section:nth-child(4n).span-3, section:last-child.span-3{margin-right:0%;}
li:nth-child(4n).col-3, li:last-child.col-3, li:nth-child(4n).span-3, li:last-child.span-3{margin-right:0%;}
a:nth-child(4n).col-3, a:last-child.col-3, a:nth-child(4n).span-3, a:last-child.span-3{margin-right:0%;}

/* 6 columns */
.col-2, .span-2{width:15%} .coln-2, .spann-2{width:16.6%}
div:nth-child(6).col-2, div:last-child.col-2, div:nth-child(6).span-2, div:last-child.span-2{margin-right:0%;}
section:nth-child(6).col-2, section:last-child.col-2, section:nth-child(6).span-2, section:last-child.span-2{margin-right:0%;}
li:nth-child(6).col-2, li:last-child.col-2, li:nth-child(6).span-2, li:last-child.span-2{margin-right:0%;}

.col-1, .span-1{width:6.5%}  .coln-1, .spann-1{width:8.4%} 
div:nth-child(12).col-1, div:last-child.col-1, div:nth-child(12).span-1, div:last-child.span-1{margin-right:0%;}
section:nth-child(12).col-1, section:last-child.col-1, section:nth-child(12).span-1, section:last-child.span-1{margin-right:0%;}
li:nth-child(12).col-1, li:last-child.col-1, li:nth-child(12).span-1, li:last-child.span-1{margin-right:0%;}

/* floaties */
.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix{zoom: 1;}

.desktop{display:block;}
.mobile{display:none;}

h1, h2, h3, h4, h5{color:#343434; font-family:'Montserrat'; text-transform:uppercase;}

.container{background:#fff;}
.base{width:960px; margin:auto;}

html, body{height:100%; background:#eaeaea;}
body{font-family: 'Roboto', arial, tahoma, verdana, sans-serif; font-size:13px; color:#343434;}
a{color:#191458;} h1, h2, h3, h4{font-weight:normal;} p{padding:0px; margin:0px;} strong{font-weight:700;} hr{border:0px; border-top:1px solid #ccc; height:1px; margin:20px 0px;}
.ar{text-align:right;} .al{text-align:left;} .fr{float:right;} .fl{float:left;} .epd5{padding:5px;} .epd10{padding:10px;} .epd20{padding:20px;}

a.more-link{display:inline-block; position:absolute; text-decoration:none;}
a:hover.more-link i{color:#ccc;}

/* header */
header.main{position:relative; padding:20px 0px;}
.logo{width:420px;} .logo img{width:100%; display:block;}
.fb-header{position:absolute; top:25px; right:0px;}

/* main nav */
.lgreen{
	background-image: -moz-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
}

.dgreen{
	background-image: -moz-linear-gradient( 90deg, rgb(74,98,27) 0%, rgb(91,121,33) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(74,98,27) 0%, rgb(91,121,33) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(74,98,27) 0%, rgb(91,121,33) 100%);	
}

.navy{
	background-image: -moz-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);	
}

nav.main{position:relative; z-index:2; border-radius:4px;}
nav.main ul{position:relative;}
nav.main ul li{float:left;}
nav.main ul li a{
	display:block; padding:20px; border-right:0px solid #536f1e; border-left:0px solid #7ea434; color:#fff; text-decoration:none; height:70px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
nav.main ul li:nth-child(1) a, nav.main ul li:nth-child(2) a, nav.main ul li:nth-child(3) a, nav.main ul li:nth-child(4) a{
	font-family:'Montserrat'; font-size:21px;
	display:block; border-right:1px solid #536f1e; border-left:1px solid #7ea434; color:#fff; text-decoration:none;
	background-image: -moz-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(91,121,33) 0%, rgb(113,150,41) 100%);
}
nav.main ul li:first-child a{border-left:0px; border-radius:4px 0px 0px 4px;} nav.main ul li:last-child a{border-right:0px; border-radius:0px 4px 4px 0px;}
nav.main ul li:nth-child(4) a{border-right:0px;}

nav.main ul li:nth-child(5) a, nav.main ul li:nth-child(6) a, nav.main ul li:nth-child(7) a, nav.main ul li:nth-child(8) a{padding-top:25px;}
nav.main ul li:nth-child(5) a{padding-left:35px; background:url(../img/nav-diag.png) left bottom no-repeat;}

/* mega menu */
.container .banner{z-index:4; position:relative;}
.container .giro-container{z-index:5;}
.container .hcontain{z-index:6; position:relative;}

nav.main ul li:hover>ul{display:block;}
nav.main ul li>ul{position:absolute; display:none; top:70px; left:0px; z-index:4; width:100%;}
nav.main ul li ul li{width:100%; float:none; margin-top:5px; border-radius:4px;}

.drop-header{padding:20px; border-radius:4px 4px 0px 0px;} .drop-header h1, .menu-blog h1{color:#fff; font-size:14px; text-shadow:0px 1px 1px rgba(0,0,0,0.6);}
.search-ui{position:relative;} .link-list{padding:20px; color:#fff;} .menu-blog{padding:20px;} .menu-blog a{padding:3px 0px !important;}

.search-ui input[type=text]{right:30px; top:-5px; position:absolute; padding:8px; border-radius:4px 0px 0px 4px; background:#fff; border:0px;}
.search-ui input[type=button]{position:absolute; right:0px; top:-5px; padding:8px; border-radius:0px 4px 4px 0px; background:#9ab568; color:#fff; border:0px;}

nav.main ul li ul li ul{position:relative; top:auto; left:auto; font-weight:500;}
nav.main ul li ul li:nth-child(1) a, nav.main ul li ul li:nth-child(2) a, nav.main ul li ul li:nth-child(3) a, nav.main ul li ul li:nth-child(4) a{color:#e8fbc3; height:auto; border-radius:0px; background-image:none; font-family:'Roboto'; font-size:13px; font-weight:400; text-shadow:none;}
nav.main ul li ul li ul li{border-bottom:1px solid #80a043; border-radius:0px;} nav.main ul li ul li ul li a{padding:3px 0px !important; color:#e8fbc3; border-bottom:1px solid #455e17;} 
nav.main ul li ul li ul li:first-child{border-bottom:0px;}
nav.main ul li ul li ul li{margin-top:0px;}

nav.main ul li ul li .link-list .county-list ul li{float:left; width:49%; margin-right:2%} 
nav.main ul li ul li .link-list .county-list ul li:nth-child(odd){margin-right:0%;} nav.main ul li ul li .link-list .county-list ul li:nth-child(even){margin-right:2%;}
nav.main ul li ul li .link-list .county-list ul li:first-child{width:100%}


/* giro */
.giro-container{position:relative;}
a.giro-launch{position:absolute; bottom:0px; right:10px; display:block; z-index:3}

/* banner */
.banner{position:relative; position:relative; z-index:1; padding:0px;}
.banner .owl-carousel .owl-wrapper-outer{top:-40px;}
.banner .item img{display:block; width:100%;} .banner .item{position:relative;}
.banner .item .contain{width:100%; left:0px; top:0px; padding:10px; position:absolute;}
.banner .item .contain .msg{background:rgba(0,0,0,0.4); padding:10px; width:45%; margin-top:7%; border-radius:6px;}
.banner .item .contain .msg h1{color:#fff; margin-bottom:5px; font-size:25px;}
.banner .item .contain .msg h2{color:#fff; text-transform:none; margin-bottom:15px; font-size:16px;}
.banner .item .contain .msg a{display:inline-block; color:#343434; padding:10px; border-radius:4px; background:#fff; text-decoration:none;}

/* routes ui */
section>h1{font-size:30px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #eaeaea;}

.routes-ui{margin-bottom:20px;} .routes-ui ul{list-style:none;} .routes-ui h2{font-size:15px; margin-bottom:10px;}
.routes-ui ul li a{
	color:#fff; display:block; padding:6px; text-decoration:none; margin-bottom:3px; border-radius:3px;
	background-image: -moz-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(10,40,85) 0%, rgb(10,49,108) 100%);	
}
.routes-ui ul li a:hover{color:#e0ecff;}
.routes-ui ul li a i{float:right; margin:3px 2px 0px 0px;}

.act-map{position:relative; margin-top:-15px; margin-left:60px;}
.act-map i{font-size:18px; position:absolute; color:#fff; cursor:pointer;pointer-events:none;}
.act-map i:hover{color:#b6e781;}
.act-map i span{-moz-transition:1s all linear; display:none; position:absolute; width:100px; text-align:center; font-size:11px; top:-20px; left:-50px; font-family:'Roboto'; background:#343434; background:rgba(0,0,0,0.8); padding:5px; border-radius:3px;}
.act-map i:hover span{display:block; z-index:3; color:#fff;}

.act-map i.antrim{top:50px; right:60px;} .act-map i.down{top:130px; right:50px;}
.act-map i.armagh{top:130px; right:95px;} .act-map i.fermanagh{top:130px; right:190px;}
.act-map i.tyrone{top:90px; right:150px;} .act-map i.derry{top:30px; right:120px;}

/* events */
.btn-ecar{position:absolute; top:50%; font-size:40px; cursor:pointer;} .prev-event{left:-40px;} .next-event{right:-30px;}
.carousel{margin-bottom:20px; position:relative; margin-top:-40px;} .carousel .ar{margin-right:10px; margin-top:-10px; position:relative;}
#event-carousel .item{margin-right:10px; border-bottom:5px solid #80bcde; background:#fff; position:relative;}
#event-carousel .item h2{width:95%; text-transform:uppercase; color:#1f3b6a; margin-bottom:15px;} #event-carousel .item a{text-decoration:none;} #event-carousel .item a:hover h2{color:#000;}
#event-carousel .item p{padding:10px 0px; width:90%; height:100px;}
#event-carousel .item img{width:100%; display:block; border-radius:4px 4px 0px 0px;}
#event-carousel .item div{position:relative;}
#event-carousel .item div .date{position:absolute; top:10px; left:10px; color:#fff; width:50px;}
#event-carousel .item div .date span{display:block; text-align:center; padding:5px; text-transform:uppercase;}
#event-carousel .item div .date span:first-child{background:#4f6a1b; padding-bottom:3px; border-radius:4px 4px 0px 0px; font-weight:600; font-size:20px;}
#event-carousel .item div .date span:last-child{background:#5f7e23; padding-top:3px;  border-radius:0px 0px 4px 4px;}

/* secondary ui */
.secondary-ui h2{margin-bottom:15px;}
.secondary-ui img{width:100%; border-radius:4px; display:block;}

.competition{position:relative; color:#fff;}
.competition .contain{position:absolute; top:10px; left:10px; text-shadow:0px 2px 2px rgba(0,0,0,0.6)}
.competition .contain h1, .competition .contain h2{color:#fff; font-size:16px; width:65%;} .competition .contain h2{font-size:13px;}
.competition .contain a{color:#fff; text-decoration:none;}
.blog-entry .contain{position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); border-radius:0px 0px 4px 4px; padding:10px; width:100%;}
.blog-entry .contain span{color:#80bcde;} .blog-entry .contain h1{color:#fff; font-size:16px; text-transform:none;}
.latest-news a{text-decoration:none;} .latest-news h1{text-transform:none; font-size:14px;} .latest-news span{color:#80bcde;}

.sign-up{background:#80bcde; border-radius:10px; padding:10px; color:#fff; text-align:right; margin-top:25px;}
.sign-up h1{font-size:18px; color:#fff;} .sign-up h2{font-size:15px; color:#fff; margin-bottom:0px;}

.sponsors{padding:40px 0px; text-align:center;}
footer.main{padding:20px 0px; text-align:center}

/* giro */
.giro .intro > h1{padding:0px; border:0px; margin-bottom:00px;}
.giro .intro h2, .giro .intro p{padding-bottom:15px;} .giro .intro h2{color:#d85276; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:10px;}
.giro .sign-up{background:#48649f;} .giro .sign-up h2{font-size:13px; }
.intro{padding:20px 0px;}
.url-path{padding:10px 0px;}
.giro .banner{width:960px; margin:auto;}
.giro .banner .owl-carousel .owl-wrapper-outer{top:0px;} .giro p a{color:#d85276;}
.more-giro{display:none;} .act-read-more{cursor:pointer; display:inline-block; border-radius:4px; background:#d85276; color:#fff; padding:5px 10px;}

.giro nav.main ul li:nth-child(1) a, .giro nav.main ul li:nth-child(2) a, .giro nav.main ul li:nth-child(3) a, .giro nav.main ul li:nth-child(4) a{
	border-right:1px solid #a03d58; border-left:1px solid #e26989;
	background-image: -moz-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);
}

.giro nav.main ul li:first-child a{border-left:0px; border-radius:4px 0px 0px 4px;} .giro nav.main ul li:last-child a{border-right:0px; border-radius:0px 4px 4px 0px;}
.giro nav.main ul li:nth-child(4) a{border-right:0px;}

.giro nav.main ul li:nth-child(5) a, nav.main ul li:nth-child(6) a, .giro nav.main ul li:nth-child(7) a, .giro nav.main ul li:nth-child(8) a{padding-top:25px;}
.giro nav.main ul li:nth-child(5) a{padding-left:35px; background:url(../img/nav-diag-giro.png) left bottom no-repeat;}

.giro .tabs li {list-style:none; float:left;}
.giro .tabs a {padding:5px 10px; display:block; background:#344045; color:#fff; text-decoration:none; text-transform:uppercase; height:70px; border-radius:4px 4px 0px 0px;}
.giro .tabs a.active {background:#d85276; color:#000; } .giro .tabs a.active span{color:#344045;}
.giro .tabs a.active h1, .giro .tabs a.active h2{color:#fff;}
.giro .tabs-container{padding:20px 0px;}

.giro .tabs{width:100%;}
.giro .tabs li{width:24.25%; margin-right:1%;} .giro .tabs li:last-child{margin-right:0%;}
.giro .tabs a span{font-size:11px; color:#d85276; font-weight:600;} 
.giro .tabs a h1{font-size:16px; color:#fff;} .giro .tabs a h2{font-size:13px; color:#fff;}

.giro .panel{border:3px solid #344045; border-radius:0px 0px 4px 4px; height:500px; padding:20px;}

.giro .panel .sc{height:350px; overflow:auto}
.giro .panel span{color:#d85276;}
.giro .panel h1{font-size:20px; margin-bottom:20px;}
.giro .panel p{padding-bottom:20px;}

/* giro mega changes */
.giro .dgreen{
	background-image: -moz-linear-gradient( 90deg, rgb(129,47,70) 0%, rgb(160,58,86) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(129,47,70) 0%, rgb(160,58,86) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(129,47,70) 0%, rgb(160,58,86) 100%);	
}
.giro .lgreen{
	background-image: -moz-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(174,66,95) 0%, rgb(216,82,118) 100%);	
}

.giro nav.main ul li ul li .link-list ul li{border-bottom:1px solid #d85276;} .giro nav.main ul li ul li .link-list ul li a{background-image:none; border-bottom:1px solid #9b3953; border-radius:0px; color:#fecbd9;}
.giro nav.main ul li ul li .link-list ul li:first-child{border-bottom:0px;}

.giro nav.main ul li ul li .menu-blog a{background-image:none; color:#fecbd9;} 
.giro .search-ui input[type=button]{background:#e48ba3;}

/*design updates*/
.banner .item .contain .msg h1{ text-transform:none;}
.dni-cta{ background:-moz-linear-gradient(90deg, #AE425F 0%, #D85276 100%); padding:10px 15px; margin-bottom:20px;  border-radius:30px; }
.dni-cta a{ text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.dni-cta i{ float:right; padding-top:4px;}
a.download{  font-size:16px; color:#fff; text-decoration:none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background:-moz-linear-gradient(90deg, #AE425F 0%, #D85276 100%); padding:10px 15px; margin-bottom:20px;  border-radius:30px; float:right; cursor:pointer; }
a.download i{ padding-left:5px;}
a.giro-launch{ bottom:-88px; right:0px;}

/* event listing */
.content{padding:20px 0px;}

.events-listing h2{color:#739c2a; font-size:17px; padding-bottom:10px;}
.events-listing .event-item{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c7c7c7;}
.events-listing .event-item h3{color:#1f3b6a; font-size:16px; margin-bottom:10px;} .events-listing .event-item p{margin-bottom:10px;} .events-listing .event-item a{color:#4f6a1b;}
.events-listing .event-item img{width:100%; display:block; border-radius:4px;}
.events-listing .event-dates{text-align:center;}

.event-dates span.attr{display:inline-block;width:100%;} .event-dates em{display:block; padding:8px 0px; font-weight:500; text-transform:uppercase; font-style:normal;} span.attr span{color:#fff; }
span.attr span.day{display:block; border-radius:3px 3px 0px 0px; background:#84ad52; font-size:20px;} span.attr span.mon{display:block; border-radius:0px 0px 3px 3px; background:#668a25; text-transform:uppercase; font-weight:700; font-size:14px;}

.facets .facet h2{font-size:16px; border-bottom:1px solid #c7c7c7; margin-bottom:15px;} .facets .facet h3{font-size:13px; margin-bottom:15px;}
.facets .facet ul{list-style:none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #c7c7c7;} .facets .facet ul li{margin-bottom:10px; font-weight:500;} 
.facets .facet ul li label{vertical-align:bottom;margin-left: 5px;} .facets .facet ul li input{margin-right:5px;}

.facets .calendar{margin-bottom:15px;} .facets .calendar table{width:100%; text-align:center;}

.facets .calendar table th, .facets .calendar table td{padding:4px;}
.facets .calendar table th{color:#fff; background:#354615; border-bottom:1px solid #fff;}
.facets .calendar table td{background:#d3dbc2; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.facets .calendar table td.selected{background:#80bcde; font-weight:500;}
.facets .calendar table.toptab td{border:0px; background:#739c2a; color:#fff; font-size:15px;}

.pagin{list-style:none;} .pagin li a{color:#fff;}
.pagin li{padding:5px 0px; width:35px; border-radius:4px; text-align:center; background:#739c2a; color:#fff; float:left; margin-right:5px;margin-bottom: 3px;} .pagin li.selected{background:#343434;}
.pagin li.next{width:auto; background:none;} .pagin li.next a{color:#343434;}

/* event detail */
div.event-photo{margin:0%; float:right;} div.event-photo img{border-radius:4px; width:100%;} div.event-detail{margin:0%; float:left;}
.event-detail-data a{color:#5f7e23;} a.btn-all-events{position:absolute; right:0px; top:-20px; z-index: 999; background:#5f7e23; color:#fff; font-weight:500; padding:6px 20px; text-decoration:none; border-radius:4px;}
.event-detail h1{color:#003366} .event-detail h1 span{font-size:13px; color:#343434; display:block; font-family:'roboto', arial; text-transform:none; margin-bottom:20px;}
.event-detail-data{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c7c7c7;}
.event-detail-data h2{font-size:14px; margin-bottom:5px;}

.date-list{list-style:none;} .date-list li{float:left; margin-right:10px; margin-bottom:10px;}
.event-detail-data .attr{display:inline-block; text-align:center; width:50px;}
.event-detail-data span.attr span.mon, .event-detail-data span.attr span.day{padding:3px 0px;}
.event-detail-data p{padding-bottom:20px;}
.about-event ul {list-style:none;}
.about-event ul li:before{content:"\f00c"; font-family:FontAwesome; color:#5f7e23; margin-right:5px;}
.support-list ul{margin-left:15px;} .support-list span{display:block;}

.event-detail-pods { margin-bottom: 5px; }
.event-detail-pods div { float: left;margin-right: 10px;margin-bottom: 10px;width: 118px;height: 68px;text-align: center;background-color: #bed1a6;border-radius: 3px; }
.event-detail-pods div h3 { height: 50%;padding-top: 16px;font-family:'Montserrat';font-size: 12px;font-weight: bold;text-transform:uppercase;color: #516c1d; text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.event-detail-pods div span {display: block;padding-top: 0px;height: 50%; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);}
.event-detail-pods div:nth-child(5n) { margin-right: 0;}

/* route list */
.route-s{background:#00a651; padding:2px 7px; border-radius:50%; color:#fff; display:inline-block;}
.route-m{background:#cc0000; padding:2px 5px; border-radius:50%; color:#fff; display:inline-block;}
.route-l{background:#2e3192; padding:2px 7px; border-radius:50%; color:#fff; display:inline-block;}

.route-listing .route-list-map img{border-radius:4px; width:100%;}
.route-listing .route-item{overflow:hidden; border-radius:4px;}

.route-item{display:block; color:#343434; text-decoration:none; border:1px solid #fff; margin-bottom:20px;} a:hover.route-item {border:1px solid #647155;}
.route-item .top-detail{background:#bed1a6; padding:20px;} .route-item .top-detail .photo{position:relative;} .route-item .top-detail .photo img{width:100%;} 
.route-item .top-detail .photo span{position:absolute; top:-5px; right:-5px;}
.route-item .bottom-detail{background:#7a876a; border-top:4px solid #647155; padding:10px 20px; color:#fff;}

.route-item .top-detail .photo{float:right; margin:0%;} .route-item .top-detail .detail{float:left; margin:0%;}
.route-item .top-detail h2, .route-item .top-detail h3{text-transform:none;}
.route-item .top-detail h2{color:#475a2e; text-shadow:0px 1px 1px rgba(255,255,255,0.8)} .route-item .top-detail h3{color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.5) }

.ad-banner{padding:20px 0px;}
.ad-banner img{width:100%;}

.event-detail-data p:last-child{padding:0px;}
.route-publications ul{margin-left:15px;}
div.routes-side-panel{float:right; margin-top:35px;}
.routes-side-panel img{width:100%; display:block;}
.routes-side-panel h2{font-size:14px; margin-bottom:20px;} .routes-side-panel h3{font-size:13px; font-family:'roboto', arial; text-transform:none; margin-bottom:20px;}
.routes-side-panel div[class^=side]{margin-bottom:20px;}.routes-side-panel .side-images img { margin-bottom: 8px;} .routes-side-panel .side-images span{display:block; padding:10px 5px; border-bottom:1px solid #c7c7c7;}

.routes-side-panel .side-downloads ul {list-style:none;}
.routes-side-panel .side-downloads ul li a{background:#e5e5e5; padding:10px; margin-bottom:5px; position:relative; text-transform:uppercase; display:block; color:#343434; border-radius:3px; text-decoration:none; padding-left:50px;}
.routes-side-panel .side-downloads ul li a:before{content:"\f063"; text-align:center; font-family:fontawesome; padding:11px 0px 12px 0px; color:#fff; position:absolute; left:0px; top:0px; width:40px; background:#adadad;}

.comment {margin-bottom:20px; position:relative;} .comment i.fa{color:#FFD600; font-size:20px;} .comment i.fa.no {color:#ABABAB; font-size:20px;}
.comment .bubble{background:#bed1a6; padding:20px 10px; border-radius:4px; margin-bottom:20px;}
.comment .bubble h2{margin:0px; text-transform:none; font-size:16px;} .comment .bubble h2:after{content:"\f0d7"; font-size:40px; font-family:fontawesome; position:absolute; bottom:-45px; left:-40px; color:#bed1a6;}
.comment .bubble .comma{background:url(../img/img-comma.png) top center no-repeat; height:100px;}

.reply-form .container{background:#ebebeb; border-radius:3px; padding:20px;}
.reply-form table{ width:100%;} .reply-form table td{padding:5px;}
.reply-form table td input[type=text], .reply-form table td textarea{background:#fff; border:0px; padding:10px; border-radius:3px;}
.reply-form table td textarea{width:100%;} .reply-form table td input[type=button], .reply-form table td input[type=submit]{background:#81a753; color:#fff; padding:10px 20px; text-transform:uppercase; font-size:16px; border:0px; border-radius:3px; font-family:'Montserrat';}