.rf-header {
	position: relative;
}

.rf-header p {
	margin: 0;
}

@media (min-width: 768px) {

	.rf-header {
		background: #fff;
		background-image: -moz-linear-gradient(left, #ffffff 25%, #7db9e8 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, right top, color-stop(25%,#ffffff), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(left, #ffffff 25%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(left, #ffffff 25%,#7db9e8 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(left, #ffffff 25%,#7db9e8 100%); /* IE10+ */
		background-image: linear-gradient(to right, #ffffff 25%,#7db9e8 100%); /* W3C */
	}

	.rf-header .container-fluid {
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		background-image: url(/web/20140725160022im_/https://ramsbottomfestival.com/img/rf-stage.png);
	}
}

.rf-logo {
	margin-top: 20px;
	margin-bottom: 20px;
}

.rf-img {
	margin-bottom: 8px;
}

.rf-home-headline {
	padding: 0 4px;
 	font-weight: 800;
	font-size: 48px;
	letter-spacing:-0.05em;
	color: #309;
}

@media (max-width: 767px) {

	.rf-home-headline {
		font-size: 36px;
	}
}

.rf_social {
	opacity: 0.5;
	position: relative;
	right: 10px;
}

.rf_social:hover {
	opacity: 1.0;
}

.rf_facebook {
	background: url(/web/20140725160022im_/https://ramsbottomfestival.com/img/facebook-32.png) no-repeat left center;
}

.rf_twitter {
	background: url(/web/20140725160022im_/https://ramsbottomfestival.com/img/twitter-32.png) no-repeat left center;
}

.rf_instagram {
	background: url(/web/20140725160022im_/https://ramsbottomfestival.com/img/instagram-32.png) no-repeat left center;
}

.rf-footer {
	height: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.rf-colourbar div {
	height: 10px;
}

.rf-red {
	background-color: #f00;
	color: white;
}

.rf-yellow {
	background-color: #fc0;
	color: black;
}

.rf-purple {
	background-color: #60c;
	color: white;
}


.rf-green {
	background-color: #360;
	color: white;
}


.rf-orange {
	background-color: #f90;
	color: white;
}

.rf-magenta {
	background-color: #c0c;
	color: white;
}

.rf-blue {
	background-color: #069;
	color: white;
}

.rf-navy {
	background-color: #309;
	color: white;
}

.rf-dateblock-floater {
	position: absolute;
	bottom: 20px;
	left: 36%;
}

.rf-dateblock {
	line-height: 1.7em;
	padding-top: 20px;
}

.rf-highlight {
	padding: 0 4px;
}

a.rf-highlight:hover {
	background-color: black;
	color: white;
	text-decoration: none;
}

.rf-carousel-band {
	margin-top: 20px; 
	margin-bottom: 20px;
}

@media (max-width: 767px) {

	.rf-carousel-band h1 {
		font-size: 24px;
	}
}

.rf-artistlist h4 {
	padding-top: 4px;
	padding-bottom: 4px;
 	font-weight: 300;
    font-size: 21px;
	margin: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.rf-artistlist-head {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	margin-bottom: 25px;
}

.rf-artistlist-logo {
	margin-bottom: 25px;
}

.rf-artistlist-item {
 	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
}

.rf-artistlist-headliner {
 	font-weight: 600;
	font-size: 24px;
	margin-bottom: 15px;
}

.rf-artistlist-headliner, .rf-artistlist-item {
}

.rf-artistlist-headliner a, .rf-artistlist-item a {
	color:  black;
}

.rf-daypage-logo {
	margin-top: 25px;
	margin-bottom: 20px;
}

@media (min-width: 1200px) {

	.rf-artistlist-item {
		font-size: 24px;
	}

	.rf-artistlist-headliner {
		font-size: 36px;
		letter-spacing: -0.05em;
	}
}

@media (max-width: 767px) {

	.rf-artistlist h4 {
	font-size: 14px;
	border-radius: 0;
	margin-bottom: 10px;
	}
	
	.rf-artistlist-item {
		font-size: 12px;
	}
	
	.rf-artistlist-headliner {
		font-size: 18px;
	}
}

#twitter-widget-0{
   width: 100% !important;  
}

.rf-slogan {
	font-style: oblique;
	color: #360;
	font-size: 36px;
	letter-spacing: -0.025em;
}

// =============== Custom Responsive stuff ===============

// --------------- xs ---------------

@media (max-width: 767px) {

}

// --------------- sm ---------------

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

}

// --------------- md ---------------

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

}

// --------------- lg ---------------

@media (min-width: 1200px) {

}

.rf_bigslice {
	width: 92px;
	height: 95px;
	display: block;
	float: right;
	background-image: url(/web/20140725160022im_/https://ramsbottomfestival.com/img/big_slice_logo.png);
}



/*
     FILE ARCHIVED ON 16:00:22 Jul 25, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:36:53 Jul 28, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.62
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.023
  esindex: 0.013
  cdx.remote: 1677.184
  LoadShardBlock: 396.345 (3)
  PetaboxLoader3.datanode: 430.599 (4)
  load_resource: 403.151
  PetaboxLoader3.resolve: 355.336
*/