/*

Theme Name: Child of Minamaze (Pro)

Theme URI: http://sanjoaquinrtd.com/preview/

Author: Janie Le

Author URI: http://www.ThinkUpThemes.com

Template: Minamaze_Pro

Description: Minamaze is a multi-purpose professional Premium WordPress Theme ideal for a business or blog website. The theme is responsive, HD retina ready and comes with 600+ Google Fonts which can easily be selected directly from the theme options panel.

Version: 1.0

License: GNU General Public License

License URI: /licenses/license.txt

Tags: black, dark, red, one-column, two-columns, right-sidebar, left-sidebar, fixed-layout, responsive-layout, fluid-layout, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, editor-style, featured-images, post-formats, sticky-post, translation-ready, flexible-header, gray, light, white, custom-background

*/


/********** PRE-HEADER STYLES **********/
#pre-header-core { /*** Pre-header above main navbar menu*/
	background: #ececec; /* light gray */
}

/** For Preheader menu bar */
#le-nav {
	width: 95%;
	float: left;
}

#le-nav li {
   display: inline;
   padding-right:20px; 
   float: right; /* li float right will move the menu to the right */
}



/**********HEADER STYLES **********/
#logo img { /* Move the logo RTD down */
	margin-top: 5px;
	margin-left: 10px;
}


#le-red-bar { 
	background: #920f32;
	height: 10px;
}

#le-ticker {
	margin-top:12px; /* move the ticker down to balance space b/w sliders and red bar */
}

.le-container {
	
	width: 900px;
	background: #eaeaed;
}



/********** BODY STYLES **********/
body { 
	font-family:Arial, Helvetica, Sans-Serif; /* RTD font-family styles */
	font-size:12px!important;
}

#body-core {
	max-width: 950px!important;
	color: #000;
}

hr {
	background-color: #e6e6e6;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

h1 { /* RTD h1 font style */
	font-size: 2em!important;
	margin: 0!important;
	font-weight:900!important;
	font-family: "Arial Narrow","Arial", Arial, sans-serif!important; 
}

h2 { /* RTD h1 font style */
	font-size: 1.5em!important;
	margin: 0!important;
	font-weight:900!important;
}

h3 {
	font-size: 1.2em!important;
	margin: 0!important;
	font-weight:900!important;	
}

.DataTD { /*table style*/
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    color: #000;
    font-size: 13px;
}

.AltDataTD {
    border-bottom: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    color: #000;
    font-size: 13px;
}

th, td {
    padding: 4px 2%;
    border: 1px solid #ddd;
    border-left: none;
}


/******************** STYLES FOR COLUMNS LAYOUT ********************/
.le-columns-layout-30 {
		width:30%;
		padding:0 10px 0 0;
		float:left;
}	

.le-columns-layout-50 {
		width:50%;
		padding:0 10px 0 0;
		float:left;
}
	
.le-clearboth {
		clear:both;
}




/****************** FOOTER STYLES ****************/
.responsive_column_widgets{ 
    font-family: trebuchet ms, arial, verdana, sans-serif;
	color: #fff; /* set text on footer to white */
	font-size: 11px;
}

/****************** SUB-FOOTER STYLES ******************/
 #sub-footer { /* the whole footer area (both lower and upper) */
    padding: 0;
	background: #000;
}

#sub-footer-core a {
	font-size: 9px;
}







/****************** BUS PASS OUTLETS PAGE STYLES ******************/
#le-wrapper {
	margin:0 auto;
	width: 600px;
}
 
table#le-buspassoutlets { 
	border-collapse: collapse; 
    width:580px;
	margin:0 auto;
} 


table#le-buspassoutlets tr {
	vertical-align:baseline;
}
 
table#le-buspassoutlets tr:hover {
	background:#ddd;
	color:#fff;	
}

table#le-buspassoutlets th, td {
	border-style: none; /* remove border around table */
	padding: 10px 5px 3px 2px;
}

table#le-buspassoutlets td{ /* center ticks */
    text-align: center; 
} 


/**** Class selectors  ****/

/* Column Styles */
.le-group {
	width:450px;
}

/* style for col tags */
.le-blue {
	background:#eef1fb;
}

.le-white {
	background:#fff;
}



/* Style for the header row of table on BusPassOutlets page */
table#le-buspassoutlets td.le-col{
	text-align: left; /* push text of header row to left */
	color: #000;
}
	
.le-row{
	color: darkgreen; /* push text of header row to left */
}




/****************** STYLES FOR SIDEBARS RETIREMENT-BOARD, ABOUT, PARK-N-RIDE, CONTACT, BUS-PASS-OUTLETS ******************/

.Retirement-Board-sidebar li a, .About-sidebar li a, .Park-N-Ride-sidebar li a, .Contact li a, .Bus-Pass-Outlets li a{ color: #660000; cursor: pointer; outline: none!important; text-decoration:none; display: inline;}

.Retirement-Board-sidebar a: visited, .About-sidebar a:visited, .Park-N-Ride-sidebar a:visited, .Contact a:visited, .Bus-Pass-Outlets a:visited { color: #660000; }

.Retirement-Board-sidebar a:active, .About-sidebar a:active,  .Park-N-Ride-sidebar a:active, .Contact a:active , .Bus-Pass-Outlets a:active { color: #990000; }


.Bus-Pass-Outlets a:hover, a:focus { color: #990000; }
.Contact a:hover, a:focus { color: #990000; }
.Park-N-Ride-sidebar a:hover, a:focus  { color: #990000; }
.Retirement-Board-sidebar a:hover, a:focus { color: #990000; }
.About-sidebar a:hover, a:focus { color: #990000; }

.Retirement-Board-sidebar ul, .About-sidebar ul, .Park-N-Ride-sidebar ul, .Contact ul, .Bus-Pass-Outlets ul {
	border:none;
	padding-left: 20px;
	width: 250px; /* width of box around lists on sidebar */
	border-bottom: none;
}

.Retirement-Board-sidebar ul li, .About-sidebar ul li, .Park-N-Ride-sidebar ul li, .Contact ul li, .Bus-Pass-Outlets ul li {    
   border: none;
   list-style-type:disc;
}

.Retirement-Board-sidebar ul li span, .About-sidebar ul li span, .Park-N-Ride-sidebar ul li span, .Contact ul li span, .Bus-Pass-Outlets ul li span{  /* style span to make bullet close to its text */
    position: relative; 
	left: -20px;	
}

.Park-N-Ride-sidebar ul ul li {
	
	list-style-type:circle;
}




/****************** STYLES FOR BUS MAPS SCHEDULES PAGE *******************/

table#le-bus-maps-schedules {
	width:500px!important; /* squeeze its table width to fit to the body frame */
	margin-left: 40px;
}


/****************** STYLES FOR ROUTE 61, 80, 91, 797 PAGES *******************/
/* squeeze its table width to fit to the body frame */
table#le-route51-table1 {
	width:95%!important;
}

table#le-route51-table2 {
	width:95%!important;
}

table#le-route51-table1 tbody tr th{
	font-size:0.8em;
}

table#le-route51-table2 tbody tr th{
	font-size:0.8em;
}


table#le-route61-table1 {
	width:590px!important;
}

table#le-route61-table2 {
	width:590px!important;
	margin-top: 100px;
	margin-left:-150px; /* push the bottom table to the left (on top of the empty sidebar area) */
}

table#le-route61-table1 tbody tr th{
	font-size:0.8em;
}

table#le-route61-table2 tbody tr th{
	font-size:0.8em;
}



table#le-route80-table2 {
	margin-left:-150px; /* push the bottom table to the left (on top of the empty sidebar area) */
	width:100%!important;
}
table#le-route80-table2 tbody tr th{
	font-size:0.7em;
}


table#le-route91-table1 {
	width:60%!important;
}

table#le-route91-table2 {
	width:60%!important;
}

table#le-route797-table1 {
	width:60%!important;
}

table#le-route797-table2 {
	width:60%!important;
}

table#le-route93-table1 {
	width:80%!important;
}

table#le-route93-table2 {
	width:80%!important;
}


table#le-route340-345-table1 {
	width:75%!important;
}


table#le-route340-345-table2 {
	width:75%!important;
}

table#le-route340-345-table3 {
	width:85%!important;
}

table#le-route340-345-table4 {
	width:85%!important;
}

/****************** PARK-N-RIDE, BUY BUS PASSES PAGE STYLES ******************/

table#le-buybuspasses { 
	border-collapse: collapse; 
    width:580px;
	margin:0 auto;
} 


table#le-buybuspasses tr {
	vertical-align:baseline;
}
 
table#le-buybuspasses tr:hover {
	background:#ddd;
	color:#fff;	
}

table#le-buybuspasses th, td {
	border-style: none; /* remove border around table */
	padding: 10px 5px 3px 2px;
}

table#le-buybuspasses td{ /* center ticks */
    vertical-align: middle; 
} 

.le-white-on-darkgray {
	background-color:#333;
	color:#fff; 
	text-align: center;
	font-weight: bold;
}

.le-odd{
	background-color: #f7f7f7;
}

.le-last{
	background-color: #fff;
}




/*********************************************************************/
/*********************** STYLES FOR RETIREMENT BOARD (FROM SJRTD.CSS)  **********************/
/* TIMETABLE CSS */


#le-rtd-minimal
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin-left: 22px;
	border-collapse: collapse;
	text-align: left;
}
#le-rtd-minimal tr th
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000;
	padding: 9px 7px;
	border-right: none;
	border-bottom: 1px solid #d8d8d8!important; /* override the theme table style */
}
#le-rtd-minimal tr td
{
	border-bottom: 1px solid #d8d8d8!important; /* override the theme table style */
	color: #000;
	padding: 4px 4px 0px 4px;
	text-align:center;
}

#le-rtd-minimal tr:hover th[scope=row], #le-rtd-minimal tr:hover td
{ 
  background-color: #d5d6e3;
  color: #000;
} 


/********** STYLES FOR TRIP PLANNER ON SIDEBAR  **********/

div.le-tripPlanForm-sb td, th, input, select, textarea, h1 {
    color: #000;
    font-family: Open Sans, Helvetica, Arial;
    font-size: 12px;
    line-height: 1.7;
    word-wrap: break-word;
}


/* Styles for div.le-tripPlanner-skinny MUST stay after styles of le-tripPlanForm-sb in order to squeeze the tool */
div.le-tripPlanner-skinny td, th, input, select, textarea, h1{ /* removed tbody, so 95% won't affect other pages no more */
	
	font: 95%/1.4 arial, helvetica, sans-serif;	
}



/*** MAKE WIDGET SIDEBAR RESPONSIVE **/
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {display:block !important; clear: both; }
}




/********** STYLES FOR ROUTE 23 AND OTHER SIMILAR ROUTES ON SIDEBAR  **********/

div.le-route-box-sb {
	color: #fff;
    /*border: 1px solid #1a1a1a;*/
	border: none;
    padding: .5em; 
    background: #880F22; /* make it same bgcolor as tripplanner */
    width: 100%;
    border-radius: 6px;
}

img.leftimage {
    border: none;
    float: left;
    margin: 0 8px 0 0;
}

hr.menuline {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
}

a.leftlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 10pt;
    text-decoration: none;
}




/********** STYLES FOR SERVICE IMPROVEMENT (SERVICE CHANGES) PAGE **********/

.routeNUM {font-size: 24px; text-decoration:none;}

#report { border-collapse:collapse;}
#report h4 { margin:0px; padding:0px;}
#report img { float:right;}
#report ul { margin:10px 0 10px 40px; padding:0px;}
#report th { background:#6f001e; color:#fff; padding:2px 12px; text-align:left;}
#report td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 12px; }
#report tr.odd td { background:#fff url(Assets/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
#report div.arrow { background:transparent url(Assets/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#report div.up { background-position:0px 0px;}
.style1 {
	color: #000;
	font-weight: bold;
}
.style2 {
	color: #990000;
	font-weight: bold;
}

#report div.arrow {
    background: transparent url(http://sanjoaquinrtd.com/serviceimprovement/Assets/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

/********** STYLES FOR EMPLOYER PASS PAGE **********/

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}


/** Le added */
#mc_embed_signup .phonearea br{display:none;}
#mc_embed_signup .phonedetail1 br{display:none;}
#mc_embed_signup .phonedetail2 br{display:none;}

