/*
 * CONTINUE.CSS - THEME 'channel4'
 * 
 */



/* === NAV BUTTONS === */

/* Was apparently always being superceded by an un-appended version down in the tablet breakpoint section! - now below
.rcPanelFoot, .rcPanel .rcPanelFoot .rcPanelFootInner {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background: none;
	text-align: center;
	z-index: 10;
} */

.rcPanelFoot, .rcPanel .rcPanelFoot .rcPanelFootInner {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: none;
	text-align: center;
	z-index: 10;
}








body > .rcNextButtContainer, body > .rcPrevButtContainer {
	display: none;
}

.rcPanel .rcNextButtContainer, .rcPanel .rcPrevButtContainer {
	float: none;
	right: inherit;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: auto;
	height: auto;
	bottom: inherit;
}

.rcNextButt, .rcPrevButt {
	font-family: 'C4 Text', serif;
	font-style: italic;
	height: 45px;
	color:#ffffff;
	padding-top: 5px;
	position: absolute;
	bottom: 0;
}
.rcNextButt {
	width: 140px;
	background-color: #000000;
	right: 0;
}
.rcPrevButt {
	width: 70px;
	background-color: #000000;
	left: 0;
}
.rcNextButt:hover, .rcNextButt.rcTouch.ton, .rcPrevButt:hover, .rcPrevButt.rcTouch.ton {
	text-decoration: none;
	background-color: #333333;
}

.rcNextButt:after {
	display: block;
	content: 'continue';
	font-size: 28px;
	margin-top: 0px;
}

.rcPrevButt:after {
	display: block;
	content: 'back';
	font-size: 20px;
	margin-top: 6px;
}



/* === CONDITIONAL NAV BUTTONS === */

/* Start button */

.titlescreen .rcNextButt {
	width: 90px;
}
.titlescreen .rcNextButt:after {
	content: 'Start';
}
.titlescreen .rcPrevButt {
	display: none;
}


/* Close button */

.finalscreen .rcNextButt {
	width: 100px;
}
.finalscreen .rcNextButt:after {
	content: 'Close';
}


.firstofsection .rcPrevButt {
	display: none;
}


/* Companion close buttons */

.rcCompanionPanel .rcPanelFoot, .rcCompanionPanel .rcPanelFoot .rcPanelFootInner {
	position: absolute !important;
}
.rcCompanionPanel .rcPrevButtContainer {
	position: absolute !important;
	left: 0;
	width: 54px !important;
	height: 54px !important;
}
.rcCompanionPanel.rcAnimateLeft .rcPrevButtContainer {
	left: auto;
	right: 0;
}
.rcCompanionPanel .rcPrevButt {
	width: 58px !important;
	height: 54px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background-image: none !important;
	bottom: 20px;
}
.rcCompanionPanel .rcPrevButt:after {
	display: block;
	width: 54px !important;
	height: 54px !important;
	content: url('../img/companion-right-back_butt.png') !important;
	margin-top: 2px !important;
}
.rcCompanionPanel.rcAnimateLeft .rcPrevButt:after {
	background-image: none !important;
	content: url('../img/companion-left-back_butt.png') !important;
}





/* === RESPONSIVE CHANGES === */


/* Small Desktop (1024px to 1200px) - precede with .desktop_s */

.desktop_s .rcPanelFoot, .desktop_s .rcPanel .rcPanelFoot .rcPanelFootInner {
}

.desktop_s .rcNextButt {
}
.desktop_s .rcPrevButt {
}
.desktop_s .titlescreen .rcNextButt, .desktop_s  .firstofsection .rcNextButt, .desktop_s .finalscreen .rcNextButt {
}
.desktop_s .rcNextButt:hover, .desktop_s .rcNextButt.rcTouch.ton, .desktop_s .rcPrevButt:hover, .desktop_s .rcPrevButt.rcTouch.ton {
}





/* Large Tablet (769px to 1024px) - precede with .tablet_l */



/* MEDIA QUERY IS A TEMPORARY FIX FOR CAROUSELS IN IE9 - REMOVE AGAIN WHEN SASS ALLOWS NESTING OF IE9 TAG? */
@media only screen 
and (max-device-width : 1024px) {


.tablet_l a.rcNextButt {
	width: 68px;
	height: 66px;
	background-image: url('../img/next_butt@2x.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 22px 21px;
	background-color: #76b74a !important;
	color: #ffffff !important;
	padding: 0px;
	border-radius: 20px 0px 0px 0px;
}

.tablet_l a.rcPrevButt {
	width: 50px;
	height: 48px;
	background-image: url('../img/prev_butt@2x.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 10px 13px;
	background-color: #76b74a !important;
	color: #ffffff !important;
	padding: 0px;
	border-radius: 0px 20px 0px 0px;
}
.theme1.tablet_l a.rcNextButt, .theme1.tablet_l a.rcPrevButt {
	background-color: #ffbc21 !important;
	color: #333333 !important;
}

.tablet_l a.rcNextButt:after, .tablet_l a.rcPrevButt:after {
	content: '';
}


.tablet_l .titlescreen .rcNextButt {
	background-image: none;
	background-color: #ffbc21;
	width: 120px;
}
.tablet_l .titlescreen .rcNextButt:after {
	content: 'Start';
	font-size: 32px;
	color: #000000;
	margin-top: 9px;
}


.tablet_l .finalscreen .rcNextButt {
	background-image: none;
	width: 100px;
}
.tablet_l .finalscreen .rcNextButt:after {
	content: 'Close';
	margin-top: 12px;
}

}


/* Mobile (below 480px) - precede with .mobile */