/*###############################
 *  Fonts...
###############################*/
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(https://fonts.googleapis.com/css?family=Sansita+One);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*###############################
 *
 * Base CSS file - Custom version of uikit almost-flat
 *
###############################*/
@import url("uikit.gradient.bikingspots.mod.css.php?basic_color=&bright_color=");

/*###############################
 *
 * Other imports for uikit2 styles...
 *
###############################*/
@import url("uikit2/slider.min.css");
@import url("uikit2/slidenav.min.css");

/*
@viewport {
   width: 640; // largeur du viewport 
   zoom: 0.5; // zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7)
}

@-ms-viewport{
    width:device-width;
    zoom:0.5;
}
*/

.bk-bgcolor-primary {
	background-color: #006600 !important;
}


.bk-color-primary {
	color: #006600 !important;
}

/*###############################
 *
 * Modified classes for bikingspots
 *
 ###############################*/
.uk-panel-box-button {
    font-family: "ButtonFont",  Verdana, Arial, sans-serif;
    font-size: 16px;
     background-color:#99ee99;
}

.uk-panel-box-button:hover ,
.uk-panel-box-button:focus {
    background-color: #ffffff;
}

a.uk-panel-box-button:hover ,
a.uk-panel-box-button:focus {
    text-decoration: none;
}

.uk-article-lead {
    font-family: "Pontano Sans",  Verdana, Arial, sans-serif;
}

.uk-comment-list li {
  background-color: #ffffff;
}

.uk-alert-translucent {
  background: rgba(255,255,255,0.85);
  border: none;
}


/*###############################
 *
 * Added to existing classes
 *
 ###############################*/
.bk-partner-image {
	filter: alpha(opacity=100);
	opacity: 1.0;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	
	transition-property: filter;
	transition-duration: 0.25s;	
}

.bk-partner-image:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
	filter: none;
	-webkit-filter: grayscale(0%);
}

 
 /* New uk-button-style */
/* Active */
.uk-icon-button-maptool {
	border-color: #006600 #006600 #006600 #006600;
}

.uk-icon-button-maptool:active,
.uk-icon-button-maptool.uk-active {
  background: none !important;
  background-color: #006600 !important;
  color: #ffffff;
}

/* New uk-panel-box-style */
.uk-panel-box-addcomments {
  background-color: #F9F5C8;
  color: #000000;
  border-color: rgba(45, 112, 145, 0.3);
}
.uk-panel-box-addcomments .uk-panel-title {
  color: #0000000;
}
 
.bk-loginpanel{
  margin-top: 10px;
  margin-bottom: 10px;
  background:rgba(255,255,255,0.25)
}
 
 /*###############################
 *
 * New classes
 *
 ###############################*/
 .bk-c2a-button {
	min-height: 52px;
	padding: 0 15px;
	line-height: 48px;
	font-size: 28px;
	border-radius: 4px;
 }
 
.bk-feedback  {
  margin:0px;
  padding:0px;
  font-size: 20px;
}
.bk-feedback > span {
  color: lightgray;
  font-size: 20px;
  float: right;
  padding:2px;
}
.bk-feedback  > span:hover,
.bk-feedback  > span:hover ~ span {
   color: gold;
   font-size: 20px;
}

.bk-transition-nav {
	height: 40px;
	opacity: 1;
	-webkit-transition: height 0.25s; /* Safari */
    transition: height 0.25s ease;
}

.bk-fixednavbar-bkg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	background-color: #006600;
	height: 51px;
	z-index:999998;
	display: none;
}

.bk-fullwidth-fixed-top {
	position:fixed;
	top:0px;
	border:0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	width:100%;
	height:45px;
	padding-top:6px;
	z-index:999999;
	opacity:1;
}

@media (min-width: 1204px) {
  .bk-fullwidth-fixed-top {
    max-width:1200px;
	margin:0 0 0 -15px;
  }
}
@media (min-width: 960px) and (max-width: 1203px) {
  .bk-fullwidth-fixed-top {
    max-width:980px !important;
	margin:0 0 0 -5px;
  }
}
@media (max-width: 959px) {
  .bk-fullwidth-fixed-top {
	min-width:640px;
	margin:0 0 0 -5px;
  }
}


.bk-profile-badge {
	width: 46px;
    height: 42px;
    border-radius: 42px;
    border: 3px solid #fff;
    color: white;
    line-height: 80px;
    text-align: center;
	padding-top: 2px;
	display: inline-block;
	margin-left: 8px;
}

.bk-profile-badge.bk-profile-badge-xcountry {
	background: #44A12B;
    box-shadow: 0 0 0 3px #44A12B; 
}
.bk-profile-badge.bk-profile-badge-xcountry:before {
	content: url('http://www.bikingspots.ch/leaflet/marker_img/icon-xcountry.png');
}

.bk-profile-badge.bk-profile-badge-enduro {
	background: #FF3800;
    box-shadow: 0 0 0 3px #FF3800; 
}
.bk-profile-badge.bk-profile-badge-enduro:before {
	content: url('http://www.bikingspots.ch/leaflet/marker_img/icon-enduro.png');
}

.bk-profile-badge.bk-profile-badge-downhill {
	background: #BA0000;
    box-shadow: 0 0 0 3px #BA0000; 
}
.bk-profile-badge.bk-profile-badge-downhill:before {
	content: url('http://www.bikingspots.ch/leaflet/marker_img/icon-downhill.png');
}

.bk-profile-badge.bk-profile-badge-freeride {
	background: #00B0EF;
    box-shadow: 0 0 0 3px #00B0EF; 
}
.bk-profile-badge.bk-profile-badge-freeride:before {
	content: url('http://www.bikingspots.ch/leaflet/marker_img/icon-freeride.png');
}
 
 .bk-form-warning {
  border-color: #e17700 !important;
  color: #e17700 !important;
}
  
 .bk-bookmark-no {
	margin-top: -2px;
}

.bk-bookmark-yes {
	margin-top: -2px;
}	

.bk-bookmark-no .bk-bookmark-star {
	position:relative;
	top:-30px;
	color:#FEFEE2;
 }

.bk-bookmark-yes .bk-bookmark-star {
	position:relative;
	top:-30px;
	color:#FFD700;
 }

 
 @media only screen and (min-width: 960px) {
	 .bk-bookmark-no {
	 /* starting state styles */
		margin-top: -20px;
		-webkit-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
	 }
	 
	.bk-bookmark-no:hover {
		margin-top: -2px;
	}
	 	
	.bk-bookmark-yes {
		margin-top: -2px;
	}
	
 }
 

 
 .bk-events-subtitle {
 	font-family: "Pontano Sans" ,"Pontano Sans",  Verdana, Arial, sans-serif;
	color:#000000;
	text-decoration: underline;
}
 
.bk-comments-title {
	font-family: "Pontano Sans",  Verdana, Arial, sans-serif;
	color:#000000;
}

.bk-tabs-title {
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;
	color:#000000;
}

.uk-search-results {
	font-family: "Pontano Sans",  Verdana, Arial, sans-serif;
	font-size: 16px;
}

.uk-search-header {
	font-family: "Pontano Sans",  Verdana, Arial, sans-serif;
	font-size: 20px;
	line-height: 25px;
	padding-left:15px;
}

.bk-overlay-title {
	font-family: "Pontano Sans",  Verdana, Arial, sans-serif;
}

.bk-standardpage-title {
    font-family: "Lobster", "Pontano Sans",  Verdana, Arial, sans-serif;
	font-size:70px;
	line-height: 85px;
	
	/*
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 50px;
	line-height: 60px;
	*/

    color:#000000;
	
}

.bk-ridepage-title {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 70px;
    line-height: 70px;
}


.bk-splashpage-subtitle {
    /*font-family: "Lobster", "Pontano Sans",  Verdana, Arial, sans-serif;
	font-size:60px;
	margin-bottom:25px;*/
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 70px;
    line-height: 60px;
}

.bk-splashpage-subtitle-small {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 50px;
    line-height: 40px;
}

.bk-splashpage-title {
    /*font-family: "Lobster", "Pontano Sans",  Verdana, Arial, sans-serif;
	font-size:60px;
	margin-bottom:25px;*/
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 120px;
    line-height: 130px;
	margin-bottom: 20px;
}

.bk-splashpage-buttons,
.bk-splashpage-buttons a{
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 35px;
    line-height: 40px;
}

.bk-splashpage-buttons a:hover{
	color:#375b78;
	text-decoration:none;
}


a.bk-link-muted,
a.bk-link-muted:hover,
a.bk-link-muted:visited, 
a.bk-link-muted:focus
{
	text-decoration:none !important;
	outline:none !important;
	 -moz-outline-style: none;
}


a.bk-link-username {
	color: #DB4105 !important;
	text-decoration:none !important;
	border-bottom: 1px dotted #DB4105 !important;
	outline:none !important;
	 -moz-outline-style: none;
}

a.bk-link-username:hover {
    color: #5C1B02 !important;
	border-bottom: 1px dotted #5C1B02 !important;
}

a.bk-link-username:active {
    color: #5C1B02 !important;
	border-bottom: 1px solid #5C1B02 !important;
}


.bk-nice-title {
    font-family: "Lobster", "Pontano Sans",  Verdana, Arial, sans-serif;
	color:#000000;
}

.bk-profile-header {
	background-size: cover;
    min-width:640px;
	background: #798994;
}

.bk-profile-header-small {
	background-size: cover;
    background: #798994;
}

.bk-profile-name {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#ffffff;	
	font-size: 90px;
	line-height: 100px;
}


.bk-profile-name-medium{
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#ffffff;	
	font-size: 28px;
	line-height: 38px;
}

.bk-profile-name-small{
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#ffffff;	
	font-size: 20px;
	line-height: 30px;
}

.bk-profile-counts {
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 45px;
	line-height: 50px;
	font-weight: bold;
	color:#FFFFFF;
}

.bk-profile-counts-medium {
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color:#FFFFFF;
}

.bk-profile-counts-small {
	font-family: "Montserrat" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color:#FFFFFF;
}

.bk-smallprofile-counts {
	opacity: 0.0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.bk-smallprofile-counts:hover {
	opacity: 1;
}

.bk-profile-counts span {
	color:#CCCC9F;
}


.bk-news-title {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 35px;
    line-height: 20px;
}

.bk-alternate-paragraph-title {
	font-size: 20px;
	line-height: 19px;
	text-transform:uppercase;
}


.bk-eventspage-ridename {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 52px;
    line-height: 64px;
	margin-top:0px !important;
}

.bk-eventspage-ridename-ellipsis {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	font-size: 52px;
    line-height: 64px;
	margin-top:0px !important;
	max-width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.bk-link-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bk-eventspage-subtitle {
	font-family: "Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 50px;
    line-height: 50px;
}

.bk-eventspage-futurebkg {
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #798994;
}

.bk-eventspage-rulesbkg {
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #948979;
}

.bk-eventspage-rulestitle {
	font-family: "Lobster" ,"Pontano Sans",  Verdana, Arial, sans-serif;	
	color:#000000;
	font-size: 30px;
    line-height: 50px;
}

 .bk-rideheaderandtext {
	background-size: cover;
    width:100%;
	min-width:960px;
}

.bk-standardheaderandtext{
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #FAFAFA;
}

.bk-standardpagecontainer
{
	background: rgba(255,255,255,0.75);
	min-height:960px;
	padding-bottom:20px;
}

.bk-maptoolheaderandtext{
	background-size: cover;
    width:100%;
	min-width:1200px !important;
	background: #FAFAFA;
}


.bk-shortheaderandtext{
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #fafafa;
}

.bk-shortpagecontainer
{
	background: rgba(255,255,255,0.75);
	padding-bottom:20px;
}

.bk-homepagecontainer
{
	background: #ffffff;
	min-height:960px;
	padding-bottom:20px;
}

.bk-homepagebackground
{
	background-size: cover;
    width:100%;
	min-width:960px;	
}

.bk-featuredbackground
{
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #394855;
}

.bk-neweventsbackground
{
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #798994;
}

/*.bk-neweventsbackground a:not(:hover){
	color:#91c0de;
}*/

.bk-lastnewsbackground
{
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #BBB19A;
}

.bk-rideheadercontainer
{
	background: rgba(255,255,255,0.85);
	padding-bottom:20px;
}

.bk-homepageheadercontainer
{
	background: rgba(255,255,255,0.25);
	padding-bottom:20px;
}

.bk-ridetextcontainer
{
	background: rgba(255,255,255,0.85);
	padding-bottom:20px;
}

@media (max-width: 767px) {
	.bk-ridetextcontainer
	{
		background: rgba(255,255,255,0.85);
		padding-bottom:20px;
		
		font-size:120%;
		line-height:120%;
	}
}

.bk-ridetextcontainer a:not(:hover){
	color:#527b95;
}


.bk-blogtextcontainer article
{
	padding-bottom:20px;
}

@media (max-width: 767px) {
	.bk-blogtextcontainer article
	{
		font-size:120% !important;
		line-height:120% !important;
	}
	
	.bk-blogtextcontainer h2,
	.bk-blogtextcontainer h3,
	.bk-blogtextcontainer h4	
	{
		font-size:140% !important;
	}
}

.bk-partners {
	padding-top:10px;
	padding-bottom:10px;
	background-size: cover;
    width:100%;
	min-width:960px;
	background: #798994;
}

.bk-footer {
	background: #006600 ;
	width:100%;
}

.bk-meteotext {
	padding:10px 0px;
	background:#ddeeff;
	width:100%;
}

.bk-ride-meta{
	color:#555555;
}

.bk-ridemapandco {
	padding:10px 0px;
	background:#fff;
	width:100%;
	min-width:960px;
}

.bk-footer {
	padding:10px 0px;
	background: #006600 ;
	width:100%;
	min-width:960px;
	color:#dddddd;
}

.bk-footer-partners {
	padding:18px 0px 2px 0px;
	background:#969E53;
	width:100%;
	min-width:960px;
	color:#dddddd;
}

.bk-footer-partners a:hover {
	color:#dddddd;
}

.bk-footnav {
	padding:25px 0px;
	background: #006600 ;
	width:100%;
}

.bk-footnav-partners {
	padding:25px 0px 10px;
	background: #006600 ;
	width:100%;
}

.bk-footnav a:hover {
	color:#dddddd;
}


.bk-userlogged {
	color:#dddddd;
}
	
/* Pour avoir un élément anti-spam supplémentaire sous la forme d'un champ caché dans 
   les forms d'ajout de commentaires (articles) */
.bk-specialformfield {
	display:none;
	visibility:hidden;
}
 
/*###############################
 *
 * Corner ribbon for events !
 *
 ###############################*/
 .bk-ribbon {
  background-color: #a00;
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: absolute;
  left: -80px;
  top: 35px;
  z-index:10000;
  /* 45 deg ccw rotation */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  /* shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.bk-ribbon a {
  border: 1px solid #faa;
  color: #fff;
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;  
  margin: 1px 0;
  padding: 6px 50px;
  text-align: center;
  text-decoration: none;
  /* shadow */
  text-shadow: 0 0 5px #444;
}
 
/*###############################
 *
 * Compatibility with ie8
 *
 ###############################*/
.ie8compat_menubar ul
{
background-color: #006600 ;
list-style-type:none;
margin:2px 0;
padding:0;
overflow:hidden;
}

.ie8compat_menubar ul > li
{
float:left;
}

.ie8compat_menubar ul > li.right
{
float:right;
}

.ie8compat_menubar a:link,
.ie8compat_menubar a:visited
{
display:block;
color:#FFFFFF;
font-size: 16px;
background-color: #006600 ;
text-align:center;
text-decoration:none;
padding:10px 15px;
}

.ie8compat_menubar a:hover,
.ie8compat_menubar a:active
{
background-color:#dddddd;
}