/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
/*logo bar height and menu font size*/
#s5_menu_wrap {
    height: 65px;
    overflow: hidden;
    background: #181e28;
  	font-size:1.3em;
  	letter-spacing:0.4px;
}

/*Menu to the left*/
#s5_menu_wrap_inner {
float: left;  
margin-left:60px;
}

/*Changes hightlight text to orange*/
#s5_nav li.active span, #s5_nav li.active a, #s5_nav li.mainMenuParentBtnFocused a, #s5_nav li.mainMenuParentBtnFocused span, #s5_nav li.mainMenuParentBtn:hover a, #s5_nav li.mainMenuParentBtn:hover span {
    color: #ffc90e !important;
}

/*Changes menu text to white*/
#s5_menu_wrap a, #s5_menu_wrap span {
    color: #f5f5f5;
}

#s5_nav li {
height:53px;
padding-top:12px;
padding-left:1px;
padding-right:1px;
margin-left:20px;
font-size:1.2em;
}

/*Centers logo - adds top margin*/
img {
    margin-top: 5px;
}

/*Changes color & height of scorebar*/
#s5_pos_custom_1 {
  background: #373737;
  height:80px 
}

/*Create new suffix to change padding area in google ads*/
.borderclear { 
margin: auto;
max-height:120px;
  
/*border: 3px solid #1a1400;*/
width: 100%;  
padding: 0px;
background: #FFFFFF
}

/*added to change text bkg of slider*/
.jdGallery .slideInfoZone h2 {
background-color:rgba(248,148,6,0.49);
font-size:2.0em !important;
}

/*control bkg color of headlines of s5 modules*/
.module_round_box .s5_mod_h3_outer {
background: #FFFFFF;
}

/*control txt of headlines of s5 modules*/
.module_round_box .s5_mod_h3 {
color: #000000;
text-align: center;
font-size:1.2em;
text-transform: uppercase;
font-weight: bold;
}

.module_round_box {
padding:1px;
margin-left:15px;
}

/*Changes Box margin color to White*/
.s5_no_custom_bg .module_round_box {
background:#FFFFFF;
}

/* Changes Color of right column wrap to white aka the ad section*/
#s5_right_column_wrap {
background:#FFFFFF url(../images/s5_right_column_shadow.png) repeat-y top left;
}

/*Changes Shape Logo to dot*/
#s5_shape5_logo {
background:url(../images/shape5_logo.png) no-repeat top left;
height:1px;
width:1px;
cursor:pointer;
display:block;
margin-bottom:6px;
margin-top:8px;
float:left;
}