
/*   
Theme Name: Corre Caminos 2016
Theme URI: http://www.thewritedesign.net
Description: Custom Corre Caminos Theme v1.0 -- WordPress v4.0
Author: The Write Design LLC - Alice M. Hoffmaster
Author URI: http://www.thewritedesign.net
Version: 1
*/

@charset "utf-8";
/* CSS Document */


article, aside, figure, footer, header, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}



html, body {margin:0; padding:0; height:100%; font-family: 'Open Sans', sans-serif; font-size:16px; color:#573d2e;}

/*mobile first */

/*MEAN MENU TITLE */
.menu_title {
    display: block;
    position:relative;
    float:right;
    bottom:1em;
    margin-right:2em;
    color:#ded1bc;
    font-size: 16px;
    line-height: 22px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;  
}

.header-wrapper {width:100%; padding:0; background-color:#573d2e;  margin:0; padding:0; background-image:url(images/bkgTop-bus-transportation-Silver-City-NM.png); background-repeat: repeat-x; padding-bottom:15px;  }
.header {width:100%;  margin:0 auto;  }
	
	  .logo {width:95%;  margin:0 auto;}
		  .logo img {max-width:100%; margin:0 auto; margin-bottom:5px; display:block;}

	  .slogan {color:#ded1bc; font-family: 'Permanent Marker', cursive; font-size:2em; width:100%; text-align:center; padding-bottom:15px;}
	  .location {width:100%; text-align:right; color:#ded1bc; text-align:center; font-size:.85em;}
	  
		.main-navigation {display:none;}
		.secondary-nav-container {display:none;}

.desktop {display:none;}
.mobile {display:block;}
.corre {color:#973b08;}
.content-full-highlight {width:100%; background-color:#f8efe1; }
.content-full-highlight h1 {text-align:center; font-family:'Open Sans Condensed', sans-serif; font-weight:700; font-size:1.5em; color:#963b08; font-kerning:auto; padding:0; margin:0; margin-top:5px;}
.content-full-highlight p {font-size:1em; line-height:150%;}
.content-full-highlight .box-thirds img{ border:3px solid #973b08; margin:0 auto; width:100%; margin-bottom:15px; margin-top:5px; }
.content-full-highlight .box-thirds h1 {margin-top: 10px; }
.content-full-highlight .box-two-thirds{margin: 0 !important; padding: 0 !important;}

.content-full {width:100%; margin:0 auto;}

.content {width:95%; margin:0 auto;}


h1 {color:#963b08; font-size:2em; font-weight:600; padding:0 6px; line-height:1.15em; font-family:'Open Sans Condensed', sans-serif;}
h2 {color:#583d2e; font-family: 'Open Sans', sans-serif; font-size:1.8em; font-weight:600;  padding:0 6px; line-height: 115%;}
h3 {color:#583d2e; font-size:1.1em; font-weight:600;  padding:0 6px; line-height: 115%;}
p { padding:0 6px;}

.highlight {color:#f19f22; font-weight:600;}

.box-fourths {width:100%;}
.box-half {width:100%;}
.box-thirds {width:100% }
.box-two-thirds {width:100% }


.content-full ol li {background-image:none !important;}
/*.content-full ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom:15px;
}

.content-full li {
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.1em;
	padding-bottom:1%;
	margin-left:15px;
	margin-right:15px;
	}
	*/
	
ol.lower-alpha {list-style-type: lower-alpha;}

.content-full li ul li:last-child{
	padding-bottom:5px  }
	
	
.content-full a:link {color:#963b08; text-decoration:underline; }
.content-full a:visited {color:#963b08; text-decoration:underline; }
.content-full a:active  {color:#ccc; text-decoration:none;}
.content-full a:hover   {color:#c37d27; text-decoration:underline;}


/*HOME BOXES */
.services {width:90%; margin:0 auto; padding:0; padding-top:10px;}
.services h2{
	font-family:'Open Sans Condensed', sans-serif; 
	text-align:center; 
	font-size:2em; 
	color:#973b08; 
	margin:0; padding:0;
	line-height:90%;
	margin-bottom:15px;
	}

.services h2:before {content:url(images/icon-bus-service-Silver-City-NM.png); display:block; text-align:center; position:relative;}


.routebox {width:95%; margin:0 auto; padding:10px; margin-bottom:15px; }
.routebox h3 {font-family:'Open Sans Condensed', sans-serif; font-weight:700; background-color:#973b08; padding: 15px; color:#eddec3; font-size:1.8em; text-align:center; margin:0 0 15px 0; border-radius:4px;}
.routebox h4 {color:#fbf3e3; text-align:center; padding:0; margin:0; margin-top:.5em;}
	.routebox h4 a, a:link, a:visited {text-decoration:none; color:#973b08; }
	.routebox h4 a:hover {color:#583d2e; text-decoration:underline;}
	.routebox p {text-align:center; padding:0; margin:0; font-size:.85em;}


.servicebox  {width:95%; margin:0 auto; padding:10px;  margin-bottom:15px; border-bottom:1px solid #573d2e; }
.servicebox h3 {font-family:'Open Sans Condensed', sans-serif; font-weight:700; background-color:#996054; padding: 15px; color:#eddec3; font-size:1.8em; text-align:center; margin:0 0 15px 0; border-radius:4px; }
.servicebox h4 {color:#573d2e; text-align:center; padding:0; margin:0; margin-top:.5em;}
	.servicebox p {text-align:center; padding:0 10px 5px 10px; margin:0; font-size:.9em; margin-bottom:3px;}


.newsbox {width:95%; margin:0 auto; padding:10px;  margin-bottom:15px; float:none}
.newsbox h3 {padding:0; margin:0; text-align:left; color:#973b08; font-size:1.2em; text-transform:uppercase; }
.newsbox p{padding:0; margin:0; margin-bottom:1.2em; font-size:.8em; font-weight:400;}
.newsbox .meta {font-weight:400; color:#583d2e; font-size:.8em; margin-bottom:.3em;}
.newsbox .readmore {font-weight:600; }
.newsbox hr {color:#583d2e;}


.mission-wrapper {width:100%; background-color:#fff;}
.mission {width:90%; margin:0 auto; border-top:1px solid #583d2e; border-bottom:1px solid #583d2e;}
.mission h2 {color:#973b08; font-size:2.5em; text-align:center; padding:0; margin:0;}
.mission p{text-align:left; font-size:1em; color:#583d2e; margin:0 5px;}


/*SIDEBAR STYLES */
.content-sidebar {width:90%; margin:0 auto; padding:0 20px;  margin-top:0;}
.content-sidebar h3.tips:before {
	content: '\f0eb';
	color: #583d2e;
	font-family: 'FontAwesome';
	font-size:2em;
	margin:10px 5px 0 5px;
	font-weight:normal;
	}

.content-sidebar h3 {color:#963b08; margin-top: 25px; text-align:center;}
	
.content-sidebar p {margin-left:15px;}
.content-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin-bottom:15px;
  width:100%;
}

.content-sidebar li {
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.1em;
	padding-bottom:1%;
	margin-left:0;
	margin-right:0;
	margin-bottom:1em;
	}
	

.content-sidebar li ul li:last-child{
	padding-bottom:5px  }
	
	
.content-sidebar a {color:#963b08; text-decoration:underline; }
.content-sidebar a:visited {color:#963b08; text-decoration:none; }
.content-sidebar a:active  {color:#ccc; text-decoration:none;}
.content-sidebar a:hover   {color:#c37d27; text-decoration:underline;}

.content-full .content-sidebar img {border:0px; }



.intouch-wrapper {width:100%; background-color:#583d2e; padding-bottom:30px; background-image:url(images/bkgfooter-bus-transportation-in-Silver-City-NM.png); background-repeat: repeat-y; border-top:5px solid #ded1bc;}
.intouch-group {width:95%; margin:0 auto;}
.intouch-group h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:2.5em; 
	font-weight:700; 
	text-align:center; 
	margin-bottom:15px; 
	color:#eddec3; 
	padding:0; 
} 

.intouch-group h4 {
	color:#fff; 
	font-size:1.5em;
	font-weight:400; 
	padding:0;
	margin:0;
	text-align:center;
}

.intouch-group .insidebox h4{font-size:1em;}
.intouch-group .insidebox.holidays h4{}

.intouch-group p {color:#fbf3e3; font-size:.8em; text-align:center; padding:0; margin:0; padding-bottom:3%; line-height:1.5em;}
.intouch-group .insidebox p{font-size:1em;}
.intouch-group .insidebox.holidays p{font-size:.8em; text-align:center; padding:0; margin:0; }



.intouch-group .largeText {font-size:1.2em;}

.intouch-group ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom:15px;
}

.intouch-group li {
	color:#fbf3e3;
	padding-left: 0;
	padding-bottom:2%;
	text-align:center;
	}
	

.intouch-group a {color:#ffff66; text-decoration:none;  }
.intouch-group a:visited {color:#ffff66; text-decoration:none; }
.intouch-group a:active  {color:#ccc; text-decoration:none;}
.intouch-group a:hover   {color:#fff; text-decoration:none;}


footer {color:#fbf3e3; font-size:.6em; background-color:#963b08; width:100%;}
.footerwrapper {width:95%; margin:0 auto; }


footer  a:link, footer a:visited {color:#ffff99; text-decoration:none;}
footer  a:hover {color:#ff0; text-decoration:none;}
footer  .copyright {width:50%; text-align:left; padding:10px; color:#fff;}
footer  .twd {width:50%; text-align:left; padding:10px; color:#fff;}


.center {text-align:center !important;}

/*image styles */
img {
  vertical-align: middle;
  max-width:100%; height:auto;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
 {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.content-full img {border:1px solid #666; }
.imagebox {width:95%; padding:6px;}

/*button styles */

.btn {
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 0;
  font-size: .8em;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
    text-decoration:none;

}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none !important;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  text-decoration: none !important;

}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}


.btn-default {
  color: #fbf3e3 !important;
  background-color: #583d2e;
  border-color: #3a261c;
  text-decoration: none !important;

}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fbf3e3;
  background-color: #973b08;
  border-color: #793008;
  text-decoration: none !important;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
  text-decoration: none !important;

}

table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
  text-align:left;
}

table th {
	width: auto !important;
}



table td { height:auto !important; vertical-align:middle !important; width:auto !important; }

  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #f8efe1 !important;
  }
table {
  background-color: transparent;
}
th {
  text-align: center;
  background-color:#573d2e !important; color:#fff;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #c4b9b2;
  border-bottom: 1px solid #c4b9b2;
  text-align:center;
  font-size:.8em;

}
.table.footable > thead > tr > th {
  vertical-align: bottom;
  background-color:#583d2e !important;

}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {

}
.table .table {
  background-color: #fff;
}

.table td.location {text-align:left !important; width:33% !important; color:#583d2e;}



/* tablet version */
 
 @media (min-width: 481px) {
.header {width:95%; margin:0 auto; }

	.logo {width:20%; margin-top:25px; }
		  .logo img {max-width:220px; }
	
	  .slogan {color:#ded1bc; font-family: 'Permanent Marker', cursive; font-size:3em; width:80%;}
	  .location {width:100%; text-align:center; width:100%; color:#fff;}
	  


.desktop {display:block;}
.mobile {display:none;}

.box-fourths {width:25%;}
.box-half {width:50%;}
.box-thirds {width:33.3333% }
.box-two-thirds {width:66.666% }




.main-navigation {display:none;}


       
.content-full-highlight {}
.content-full-highlight h1 {font-size:2em; }

.content-full-highlight .box-thirds img{ max-width:100%;}


.routebox h3 { font-size:1.8em;}
.servicebox h3 {font-size:1.8em;}

.mission {width:90%; margin:0 auto; border-top:1px solid #583d2e; border-bottom:1px solid #583d2e; padding:25px; margin-bottom:15px;}
.mission p{text-align:center; font-size:1.1em; color:#583d2e; margin:0 25px;}



.content-full {width:85%; margin:0 auto;}

.content {width:60%;}

.content-sidebar {width:30%;}

.content-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  margin-bottom:15px;
  width:80%;
}
.content-sidebar li {
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.1em;
	padding-bottom:1%;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:1em;
	}

.intouch-group {width:85%; margin:0 auto;}
.intouch-wrapper {background-repeat: repeat-x; border-top:5px solid #ded1bc;}



footer {}
.footerwrapper {width:70%; margin:0 auto;}
footer  .copyright {width:50%; text-align:left; padding:10px;}
footer  .twd {width:50%; text-align:center; padding:10px;}



 } 

/*desktop overrides */

 @media screen and (min-width: 769px)   {

.header {width:90%;  margin:0 auto; }

	.logo {width:20%; margin-top:15px; padding-right:5px;}
		  .logo img {max-width:220px;}

	  .slogan { width:80%; margin-top:15px; text-align:center; font-size:3.5em; }
	  .location {padding:0; margin:0; text-align:right; width:100%; margin-top:25px; font-size:1.25em;}


.box-fourths {width:25%;}
.box-half {50%;}
.box-thirds {width:33.3333% }
.box-two-thirds {width:66.666% }


/*TOP LEVEL NAV */
.nav-wrapper {width:100%; background-color:#963b08; margin:0 padding:0; height:38px;}
nav {margin:0 auto; }
.main-navigation {
    position: relative;
    float: right;
    display: block;
	text-align:center;
	font-weight:600;
	width:95%; margin:0 auto;
	}


.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
	display:inline-block;
}
.main-navigation li {
    float: left;
    position: relative;
   white-space:normal !important;
   margin-right:15px;
   text-align:center;
   	font-size:.9em;
	text-transform:uppercase;

}
.main-navigation a, .main-navigation a:visited  {
    display: block;
    text-decoration: none !important;
    line-height: .5em;
    color: #fff;
	padding:10px;
	line-height:115%;
  }
  
.main-navigation a:hover, a:active {
    background-color: #583d2e;
	color:#fff;
}
  
  
.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #583d2e;
	font-weight:400;
}
.main-navigation ul ul li {
	text-align:left;
	border-bottom:1px solid #666;
	padding:0;
	font-size:1em;
	white-space:normal;
}

.main-navigation ul ul a {
  	width:300px;
	padding:10px;
	font-family: 'Open Sans', sans-serif;
}



.main-navigation ul ul a:hover {
    background: #973b08;
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
    background: #6e310e;
    color: #fff;
	padding-bottom:15px;
}

.main-navigation .current_page_ancestor {
    background: #6e310e;
    color: #fff;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #6e310e;
    background: #ccc;
} 
      
.content-full-highlight .box-thirds h1 {margin-top: 275px;}


.content-full {width:85%; margin:0 auto;}


.content {width:60%;}

.content-sidebar {width:30%;}


h1 {font-size:3.2em;}
h2 {font-size:2.2em; }


.intouch-wrapper {width:100%; }
.intouch-group {width:85%; margin:0 auto;}

.services>.quicklinks {width:50% !important; }
.services>.quicklinks>.newsbox {width:50% !important;}
.services>.newsArea {width:50%;}

.servicebox {border-bottom:none}
.routebox h3{ font-size:1.2em;}
.servicebox h3{ font-size:1.2em;}


.footerwrapper {width:85%; margin:0 auto;}

 }
 
  @media only screen and (min-width: 1025px)  {
.header {width:70%;  margin:0 auto; padding:0; }


	.logo {width:20%; margin-top:5px; }
		  .logo img {max-width:220px; }

	  .slogan { width:65%; font-size:4em; margin-top:10px;}
	  .location {width:15%; text-align:right;  color:#ded1bc; font-size:1em; margin-top:25px;}
	  
.nav-wrapper {height:50px;}
.main-navigation {
    position: relative;
    float: right;
    display: block;
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	width:95%;
	}

.main-navigation li {
    float: left;
    position: relative;
   width:auto;
   margin-right:25px;
   text-align:center;
}

.main-navigation a, .main-navigation a:visited  {
    font-size: 1em;
	padding:15px;
  }
  

.content-full-highlight h1{font-size:3em;}
.content-full-highlight p{margin:15px;}
.content-full-highlight .box-thirds img{ max-width:100%; margin-bottom:5px; margin-top:5px; }



.services {width:70%; margin:0 auto; }
.services h2{
	font-size:3.2em; 
	}



.routebox h3{ font-size:1.5em;}
.servicebox h3{ font-size:1.5em;}

.content-full {width:70%; margin:0 auto;}

.mission {width:70%; margin:0 auto; border-top:1px solid #583d2e; border-bottom:1px solid #583d2e; padding:25px; margin-bottom:25px;}

.intouch-group {width:70%; margin:0 auto;}

.intouch-group h3 {
	font-size:2.5em; 
	text-align:left; 
	margin-bottom:15px; 
	padding:0; 
} 

.intouch-group h4 {
	color:#fff; 
	font-size:1.5em;
	font-weight:400; 
	padding:0;
	margin:0;
	text-align:left;
}

.intouch-group .insidebox h4{font-size:1em;}
.intouch-group .insidebox.holidays h4{}

.intouch-group p {color:#fbf3e3; font-size:.8em; text-align:left; padding:0; margin:0; padding-bottom:3%; line-height:1.5em;}
.intouch-group .insidebox p{font-size:1em;}
.intouch-group .insidebox.holidays p{font-size:.8em; text-align:left; padding:0; margin:0; }



.intouch-group .largeText {font-size:1.2em;}

.footerwrapper {width:70%; margin:0 auto;}


  }