/*
Theme Name: Valvoline Revup
Theme URI: http://www.thisisfusion.com/
Version: 1.0.0
Description: Designed by <a href="http://www.thisisfusion.com">Fusion</a>.
Author: Fusion
Author URI: http://www.thisisfusion.com
Tags: fusion, valvoline

*/
body {
	background: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

.container {
	width: 100%;
	max-width: 1600px;
}
a {
  color: #0099cc;
}
a:focus, a:hover {
  color: #085e8f;
}

@media (min-width: 1340px) {
	 #header, .container {
		width:1340px;
	}
}

.btn.btn-success {
  background: #0099cc;
  border-color: #0099cc;
}
.btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open .dropdown-toggle.btn-success {
  background: #085e8f;
  border-color: #085e8f;
}
.btn.btn-primary {
  background: #0099cc;
  border-color: #0099cc;
}
.btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .open .dropdown-toggle.btn-primary {
  background: #085e8f;
  border-color: #085e8f;
}

.video-text{
	color: #a7a9ac;
	font-family: HelveticaNeueW01-55Roma, helvetica;
	font-size: 13px;
	height: 100%;
}

.bw-text-info{
	background: #403f3f;
	color: #a7a9ac;
	font-family: HelveticaNeueW01-55Roma, helvetica;
	font-weight: normal;
	height: 281px;
}
.bw-video-info {
	background: #403f3f;
	color: #a7a9ac;
	font-family: HelveticaNeueW01-55Roma, helvetica;
	font-weight: normal;
	height: 100%;
	padding-top: 4em;
	display: table;
    width: 100%;
}
.fix, .col-full, .clear {
	zoom: 1;
}
.fix:before, .fix:after, .col-full:before, .col-full:after, .clear:before,
	.clear:after {
	content: '\0020';
	display: block;
	height: 0;
	overflow: hidden;
}
.fix:after, .col-full:after, .clear:after {
	clear: both;
}
.clearfix-group {
	content: '';
	display: table;
	clear: both;
}
/* Header */
#header {
	margin: 0 0;
	padding: 0;
	clear: both;
	position: relative;
	border-bottom: 1px solid #fff;
	max-width: 100%;
	height: auto;
	display: block;
}

.main-header {
	max-width: 100%;
	display: block;
	padding-top: 10px;
}

.main-header-left img {
	display:inline-block;
    max-height: 80px;
}

.main-header-left {
	display: inline-block;
}

.main-header-right {
	display: inline-block;
	float: right;
}

.header-link, .header-profile-link, .header-profile-greeting, .header-link img, div.header-profile-link img{
	display: inline-block;
	vertical-align: middle;
}

.header-profile-link a{
	color: #000000;
}

.header-profile-link p{
	color: #000000;
}

.profile-greeting-1 {
	border-bottom: 2px solid #d6d8d9;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.main-header-border {
	border: 3px solid #d6d8d9;
}

.header-link-divider {
	color: #a7a9ac;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 20px;
}

.subheader {
	border-top: 5px solid #d6d8d9;
}

@media (max-width: 940px) {
	 .main-header-right {
		float: none;
	}
}

/* #headerimg { */
/* 	margin: 7px 9px 0; */
/* 	height: 192px; */
/* 	width: 740px; */
/* } */
.logoutlink {
	color: #403f3f;
	float: right;
	padding: .5em 0;
	padding-right: 20px;
	margin-top: -25px;
	font-size: 13px;
}
.separator {
	width: 5px;
	color: #403f3f;
}
/* Containers & Columns */
#container {
   min-height:100%;
   position:relative;
}
#wrapper {
	background: #fff;
	margin: 0 -1.618em;
	padding: 0 1.618em;
}
#featured {
	margin: 0 -1.618em;
	padding: 3.631em 1.618em;
	background: #f9f9f9;
	border-bottom: 1px solid #e6e6e6;
}
#featured .col-full {
	max-width: 70em;
}
#featured .slide-media {
	margin-bottom: 2.618em;
}
#featured .slide-media img {
	max-width: 100%;
	width: 100%;
}
#featured.fade {
	padding: 3.631em 1.618em 5.874em;
}
/* Navigation */
.navigation {
	display: block;
	margin: 0.53em 0 0;
	clear: both;
	font-size: 13px;
}
.navigation li:last-child.separator {
	display: none;
}
.home-header-large {
	font-size: 22px;
	color: white;

}
.home-header-medium {
	font-size: 20px;
	color: #fff;
	padding: .75em;
}
.home-header-small{
	font-size:14px;
	color: #fff;
/* 	padding: .5em;	 */
}

.home-header-psmall{
	font-size: 11px;
	color: #a7a9ac;
	padding: .5em;	
}

.home-header-xsmall{
	font-size: 9px;
	color: #a7a9ac;
	padding: .5em;	
}
ul.nav li a {
	padding: .5em;
	width: 30px;
	display: inline;
	color: #403f3f !important;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.navigation li {
	display: inline-block;
	margin: 0.60;
	padding: .5em 0;
	float: left;
}
ul.nav li.current_page_item>a, ul.nav li.current_page_parent>a, ul.nav li.current-menu-ancestor>a,
	ul.nav li.current-cat>a, ul.nav li.li.current-menu-item>a {
	/*   text-decoration: underline; */

}
.navigation ul {
	list-style: none;
}
/* Top Navigation */
#top {
	background: #fff;
	margin: 0 -1.618em;
	padding: 0 1.618em;
}
#top select {
	margin: 1.618em 0;
	width: 100%;
}
#top #top-nav {
	display: none;
}
#content {
	padding: 4.236em 0;
	position: relative;
}
/* Widget */
.widget.widget-stats{
	position: relative;
}
.widget {
	border-radius: 3px;
	margin-bottom: 20px;
	color: #fff;
	padding: 15px;
	overflow:hidden;
}
.widget-stats .stats-info h4 {
	font-size: 24px;
	margin: 5px 0;
	color: #fff;
}
.widget-stats .stats-icon {
	font-size: 32px;
	height: 56px;
	width:  56px;
	text-align: center;
	line-height: 56px;
	margin-left: 15px;
	color:#fff;
	position: absolute;
	right: 1px;
	top: 1px;
	opacity: 1;
}
.widget-stats .stats-link a {
	text-align: center;
}

.bg-blue {
	background: #0099cc!important;
}
.bg-darkblue {
	background: #085e8f!important;
}
.bg-red {
	background: #e1261c!important;
}
.bg-darkred {
	background: #a6192e!important;
}
.bg-grey {
	background: #a7a9ac!important;
}
.bg-black {
	background: #000000!important;
}

/* comment the below out later -- testing purp only */
/* .col-md-3.col-sm-6 { */
/* 	background: #348fe2!important; */
/* } */
#rmRlp_row{
	display: inline-flex;
    height: auto;
}
#rmRlp_row .short{
    height: 300px;
}
.vriCpp{
    height:150px;
}
.row>[class*=col-]{
	padding: 0 10px;
}
.col-md-4 {
	width: 22%;
}
.col-md-4, .col-sm-6, .col-md-8 {
	float: left;
}
.half-width {
    width: 50% !important;
}
#ranking_div {
    float: right !important;
}
.fa-check{

}
#ranking-text{
    font-size: .25em;
    color: white;
    text-align: center;
    padding-top: 2%;
}
.ranking {
    font-size: 8em;
    color: white;
    text-align: center;
    padding-top: 5%;
}
/* .col-sm-6 { */
/* 	width: 50% */
/* } */
.col-md-4, .col-sm-6, .col-md-8 {
	position: relative;
	min-height: 1px;
/* 	padding-right: 15px; */
/* 	padding-left: 15px; */
}

.boxy {
	text-align: center;
	background: black;
	color: white;
	height: 280px;
	width: 190px;
	font-family: HelveticaNeueW01-55Roma
}
.graph-body{
	height: 280px;
}
#wrapper {
	background: #fff;
	margin: 0 0;
	padding: 0 0;
}
.panel-title {
	line-height: 20px;
	font-size: 26px;
	margin-top:0;
	margin-bottom: 0;
	color: white;
	background: #403f3f;
}
panel-body {
	width: 100em;
}
.panel {
	border: none;
	box-shadow: none;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color: #403f3f;
}
.panel-heading-btn {
	float: right;
}
#main.fullwidth, .layout-full #main, .col-full {
	max-width: 100em;
	margin: 0 auto;
	width: 100%;
}
.fa-arrow-circle-o-right:before{
	display: none;
}
.gauge-enclosure {
	height: 100%;
	width: 100%;
	background: #403f3f;
}
.panel-inverse>.panel-heading{
background: #403f3f;
}
.height-sm {
	height: 192px!important;
}
/* Video */
.videoWrapper {
                position: relative;
                padding-bottom: 56.25%; /* 16:9 */
                height: 0;
}
.videoWrapper iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
}
.bw-text-info h1{
	font-size: 24px;
	color: white;
}
.bw-text-info h3{
	font-size: 12px;
	color: #a7a9ac;
}
.coolant-text {
	display:inline-block;
	font-size: 9px;
}
.coolant-image {
	margin-left: 13;
	margin-top: 15;
}
.soliloquy-sub {
	height: 220px;
	background: #403f3f;
}

.footer {
  margin: 0 25px 0 25px;
  color: #a7a9ac;
  position:relative;
  text-align:justify;
}

#footer-left {
  display:inline-block;
  vertical-align:middle;
  float:left;
}

a#performance-period {
  display:block;
  cursor:default;
  text-decoration:none;
  color:#333;
}

#footer {
  background:#DCDCDE;
  color:#333;
  padding:20px 15px;
  margin:0 !important;
  z-index: 10;
}
#footer .navigation {
  display:inline-block;
  vertical-align:middle;
  float:right;
  margin:0;
  clear:none;
}

.fa-pulse, .fa-spin {
	font-size: 20px;
	color: #085e8f;
}

.center {
	text-align:center;
}

.hideme {
	display:none;
}

.clearfix {
	clear:both;
}
/* Custom Widget CSS */
.widget-full {
  	border: none;
	box-shadow: none;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color: #403f3f;
	padding:5px 20px;
}

.homebox > div {
  min-height:291px;
}

.homebox > div.short {
  min-height:246px;
}

.homebox > div.vriCpp {
  min-height:150px;
}

.homebox > div.shorter {
  min-height:226px;
}

.video-wrapper {
/*  height:268px; */
  text-align:center;
}

.video-wrapper:before {
  content: '';
  display:inline-block;
  height:100%;
  vertical-align:middle;
}

.video-wrapper div {
  position:relative;
  top:-10px;
}

.VideoCaption {
  margin:5px 0; 
}

.video-wrapper div iframe {
  width:97% !important;
}

.homebox, label[for="sortby"] {
	color:#fff;
}
.homebox > div {
	border: none;
	box-shadow: none;
	border-radius: 3px;
	margin-bottom: 10px;
	background-color: #403f3f;
	padding:5px 20px;
}

#leaderboard-panel caption {
  position:relative;
}

a#leaderboard-full-link {
  position:absolute;
  top:10px;
  right:10px;
}

#leaderboard-panel > div {
	padding: 0;
}

.leaderboard-with-banner > div {
	height: 726px;
}

.leaderboard-no-banner > div {
	height: 592px;
}

#leaderboard-panel > div {
	padding: 0;
}

#leaderboard-panel h3 {
	text-indent:10px;
}

#leaderboard-table th {
  vertical-align:baseline;
  padding:5px 0;
}

#leaderboard-table select {
  background:#747474;
  color:#FFF;
  border:0;
}

.leaderboard-option {
 border-bottom:1px solid #FFF; 
}

.leaderboard-option:last-child {
 border-bottom:0;
}

.avatar {
	border-radius: 50%;
}

.widget-full h1, .homebox h1 {
	color:#FFF;
	margin:15px 0;
	font-size:9em;
}

.widget-full h3, .homebox h3 {
	color:#FFF;
	margin:5px 0;
	font-size:1.5em;
}

.widget-full h4, .homebox h4 {
	color: #939395;
	font-size:1.2em;
	font-weight:bold;
	margin-top:0;
}

.notMetRlp {
	color: rgba(0, 0, 0, 0.4);
}

.metRlp, .metRlp h3 {
	color: #FFF;
}

div.criteria {
  margin: 5px 0 5px 5px;
  font-size: 1.1em;
  display: table-cell;
  vertical-align: middle;
  height: 48px;
}

.metRlp span,
.notMetRlp span { 
  font-size:4em;
  float:left;
  margin-right: 5px;
}

.metRlp span {
  color:#7cdda7;
}

.metRlp span.smaller,
.notMetRlp span.smaller { 
	font-size:2em;
}

div.criteria-smaller {
  margin: 5px 0 5px 5px;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: middle;
  height: 26px;
  color:#707478;
}

#leaderboard-table {
	width:100%;
}

img.leader-avatar {
	border-radius:50px;
	text-align:center;
}

#leaderboard-table .avatar-row {
	text-align:center;
	padding:5px;
}

#leaderboard-table .lb-no {
	text-align:right;
	padding:10px 0;
}

.lb-no span {
	margin-right:10px;
}

.light-gray {
	background:#464646;
}

.dark-gray {
	background:#3A3A3A;
}

.highlight-user {
    background:#7e937a;
    color:#333;
}

.widget_sp_image-description {
	float:right;
	width:55%;
}

#featured-panel {
	padding: 0px;	
}

#featured-panel img.widget_image_fp {
  float:left;
  margin:10px;
  max-width:150px;
}

#video-panel .video-wrapper {
	min-height:228px;
	padding: 0px;
}

.new-account-wrapper {
  height:53px;
  min-height:0px !important;
  padding:0px !important;
  margin-bottom:10px !important;
}

.new-account-wrapper h3 {
  display:inline-block;
  margin:15px 0;
  text-indent:10px;
  white-space:nowrap;
  width:100%;
  position:relative;
  font-size:1.5em;
}

.new-account-wrapper h3 span {
  text-align:right;
  display:inline-block;
  float:right;
  margin-right:10px;
}

@-moz-document url-prefix() { 
	.new-account-wrapper h3 span {
	  margin-top: -17px;
	}
}

.homepage-container {
  padding:0 !important;
}

.row-adjust {
  margin:0;
  margin-left:-20px;
}
.reign-in {
  max-width:1310px; 
}

.fright {
  float:right !important; 
}

.goal-row {
	padding: 5px 0px !important;
}

.video-wrapper iframe {
	height: 160px;
	margin-top: 20px;
}

.video-expand-height iframe {
	height: 225px;
	margin-top: 20px;
}

@media (max-width: 768px) {
	#leaderboard-panel > div {
		height: auto;
	}
	
	.row-adjust {
	  margin-left: 0px;
	}
}

/*
 *      LearnDash quiz styling
 *      
 */
.wpProQuiz_questionList {
        border: none !important;
}

a#quiz_continue_link, .wpProQuiz_button.wpProQuiz_QuestionButton, .btn-join{
  background: #0099cc !important;
  border-color: #0099cc !important;
  border-radius: 3px !important;
  border: 1px solid transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

a#quiz_continue_link.active, a#quiz_continue_link:active, a#quiz_continue_link:focus, a#quiz_continue_link:hover, .btn-join.active, .btn-join:active, .btn-join:focus, .btn-join:hover {
        background: #085e8f !important;
        border-color: #085e8f !important;
}

.wpProQuiz_button.wpProQuiz_QuestionButton.active, .wpProQuiz_button.wpProQuiz_QuestionButton:active, .wpProQuiz_button.wpProQuiz_QuestionButton:focus, .wpProQuiz_button.wpProQuiz_QuestionButton:hover {
        background: #085e8f !important;
        border-color: #085e8f !important;
}                            

.wpProQuiz_button {
  background: #085e8f!important;
  border-color: #085e8f!important;
  border-radius: 3px !important;
  border: 1px solid transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.wpProQuiz_button.active, .wpProQuiz_button:active, .wpProQuiz_button:focus, .wpProQuiz_button:hover {
  background: #0099cc !important;
  border-color: #0099cc !important;
  border-radius: 3px !important;
   border-radius: 3px !important;
  border: 1px solid transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

p#learndash_already_taken{
	color: #e1261c !important;
	text-align: center !important;
	font-size: 21px !important;
}

.learndash .notcompleted, #learndash_profile .notcompleted {
	background: url(includes/images/notcompleted-vcert.png) no-repeat !important;
	display: block !important;
    line-height: 53px !important;
	background-position: 97.9% center !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
}

#learndash_course_status {
	display: none;
}

a.btn-join {
	display: none;
}

.vcert_redirect_button {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	margin: 10px;
}

/*
* navigation menu changes modified based on
* http://wproots.com/how-to-style-wordpress-menus-dropdowns/
*/

#main-nav li    {
  position: relative; /* this is needed in order to position sub menus */
}

#main-nav .current-menu-item a, #main-nav .current_page_item a {
    color: #403f3f
    background: #ffffff;
}

#main-nav a:hover {
   background: #f2f2f2;
}

#main-nav ul  { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
    z-index: 300;
    background: #ffffff;
}

#main-nav ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#main-nav ul li.separator {
        display: none;
}

#main-nav ul li a { /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
    color: #403f3f;
    text-decoration: none;
}
#main-nav ul li a:hover {
	background: #f2f2f2;
}

#main-nav li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */

}

.search-widget.widget {
	padding-top: 6px;
}

.search-widget .stats-link a {
	margin: 3px -15px -15px;
}

.search-input {
	color: #ffffff;
	padding: 0px 5px;
	height: 30px;
	font-size: 20px;
	border: none;
	background: #B9BABD;
	width: 100%;
}

.search-input:focus, .search-input:hover {
	border: none;
	outline: none;
}

.search-submit-wrapper {
	text-align: center;
	min-width: 30px;
}

a.search-submit {
	color: #FFFFFF;
	height: 30px;
	font-size: 20px;
	padding: 5px;
	width: 100%;
	text-decoration: none;
}

.search-dropdown {
	color: #000000;
	width: 100%;
	background: #DCDDDE;
	margin: auto;
	margin-top: 2px;
}

.search-dropdown:focus, .search-dropdown:hover {
	outline: none;
}

select.form-control {
  min-width: 413px;
}

.spiff-address{
  font-size: 12pt;
}