/*************************************************
*******REMOVE COMMENTS TO CHANGE APPEARANCE*******
*************************************************/

/************** BACKGROUND ******************/

/* 
body{	
background-color:#000;
} 
*/

/**************NAVIGATION ARROWS*************/

/* 
a.arrow
{
	color: #b00;
}
a.arrow:hover
{
	color: #f00;
}
*/

/**************ACTIONBAR & BUTTONS*******************/

html, body {height:100vh;}


.actionbar
{
	background-image: none;
	background-color: #fff;
	color:#fff;
}
.actionbar .nav-buttons .btn
{
	background-image: none;
	background-color: #F71c1c;
}

.modal-title {display: none;}

.arrow.arrow-down, .arrow.arrow-up {display: none;}
.arrow.arrow-left, .arrow.arrow-right {height:55px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#f71c1c !important;}

/**************THUMBNAILS MENU***********************/


.navigation .nav-item-article .nav-item-page.current-page .page-thumb {
outline: 0px solid #f90;
background: rgba(40,40,40,.8);
}

/***************RICHEMENTS FLASH********************/

.actionpoint:after {
outline: 0px solid rgba(255,122,122,.65);
background-color: rgba(255,122,122,.0) !important;
}

.btn {color:#fff; border:none;}
.btn:hover {color:#fff; opacity:0.9;}

button[title="Highlight actionpoints"] {display: none;}

a {color:#fff !important;}

.modal-content {border:0px;}
.modal-header {background: #f71c1c}
.btn-primary, .btn-primary:hover {background: rgba(0,0,0,0.15); border:none;}

h2 {font-family: Arial, helvetica  !important; color:#f71c1c !important; font-size:1.5em !important;}
.carousel-control.right, .carousel-control.left {background: none;}
.carousel-control, .carousel-control:hover {color: #f71c1c; opacity: 1; text-shadow:none; -webkit-text-shadow: none;}

.modal-content {max-width:1200px; margin-left:auto; margin-right:auto;}

.actionpoint.video.popup {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	width:100%;
}

.actionpoint.video.popup iframe, .actionpoint.video.popup video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {height:95vh; border:1px solid #f3f3f3;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.glyphicon {color:#f71c1c;}

.carousel-indicators li {border: 1px solid #f71c1c;}
.carousel-indicators .active {background: #f71c1c; border:0px; width:11px; height:11px; margin-top:-2px;}

.full-width {max-width: 100%; margin:30px 0px;}  
read-text p, read-text h1, read-text h2, read-text h3, read-text h4, read-text h5, read-text h6 {margin-bottom:15px; display: block; max-width: 600px; font-family: 'Franklin Gothic Demi', Arial, Helvetica, sans-serif !important;}
read-text h1, read-text h2, read-text h3, read-text h4, read-text h5, read-text h6 { font-weight:bold; color:#000; letter-spacing: -0.02em;}
read-text h3 {color:#f71c1c;}
read-text {font-family: 'Franklin Gothic Demi', Arial, Helvetica, sans-serif !important;}

button {background:#f71c1c; border:0px; border-radius: 4px; padding: 10px 15px; font-weight:bold;}
button:hover {background:#e01919;}


ul {padding-left:17px;}


@media (min-width: 768px) {
.modal-dialog {width:100%;}
}