/*
Theme Name: Buslink VIVO
Author: Grant Deelstra
Author URI: http://www.madebygrant.com
Description: 
Version: 1.0
*/


/*////////////////////////////////////////////////////////
   Global Rules
///////////////////////////////////////////////////////*/

/* Start of CSS Reset */
root { 
    display: block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, .container-fluid {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
abbr, q, i, cite, em, var, address, dfn{
    font-style: italic;
}
cite{
    font-weight: 600;
}
acronym{
    text-transform: uppercase;
}
pre{
    padding: 6px; border: 1px #eee solid;
}
strong{
    font-weight: 700;
}
/* End of CSS Reset */

body{
    width: 100%; min-height: 100%; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; line-height: 1; color: #333333;
}
.container{
    max-width: 1024px; margin: 0 auto;
}
.lower-content{
    float: left; width: 100%; min-height: 330px; margin-bottom: 1%;
}
.grey-bg{
    position: absolute; z-index: -9999; top: 146px; width: 100%; height: 545.5px; background: #6f6f6e;
}
.feature-image, #buslink-slideshow{
    float: left; width: 100%; max-height: 545px; overflow: hidden;
}
#buslink-slideshow .item img{
    float: left; width: 100%; height: auto; max-height: 545px;
}
.feature-image img{
    width: 100%; height: auto;
}

/* ---- Text Styles ---- */
h1, h2, h3, h4, h5{
    float: left; width: 100%; color: #6f6f6e; font-weight: 600; text-transform: uppercase;
}
h2{
    font-size: 36px;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 16px;
}
p{
    line-height: 1.3em; margin-bottom: 8px;
}

/* ---- Hyperlinks ---- */
a img {
    text-decoration: none; border: 0 none;
}
a:link, a:visited{
    text-decoration:none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration:none;
}

/* ---- Image & Caption alignments ---- */
.alignleft.wp-caption, .alignleft{
    float: left; display: block; margin: 2% 2% 2% 0%;
}
.aligncenter.wp-caption, .aligncenter{
    margin: 0 auto !important; display: block; margin: 2%;
}
.alignright.wp-caption, .alignright{
    float: right; display: block; margin: 2% 0% 2% 2%;
}
.aligncenter.wp-caption, .alignright.wp-caption, .alignleft.wp-caption{
    text-align: center;
}
.alignnone{
    float: left; text-align: center; margin: 2% 0%;
}
.alignleft, .alignright, .aligncenter, .alignnone{
    clear: both;
}


/*////////////////////////////////////////////////////////
   Header - Title & Tagline (header.php)
///////////////////////////////////////////////////////*/
.top-bar{
    float: left; width: 100%; position: relative; margin-bottom: 2px;
}
.title-banner{
    float: left; width: 100%;
}
.title-banner h1{
    display: none;
}

/*////////////////////////////////////////////////////////
   Main Menu (header.php or sidebar.php)
///////////////////////////////////////////////////////*/
.main-menu{
    float: left; background: #4d4d4d;
}
.main-menu .nav li{
    float: left; font-size: 19px; font-weight: 400; letter-spacing: 1px;
}
.main-menu .nav li:first-of-type a{
    padding-left: 15px;
}
.main-menu .nav li:last-of-type{
    border-right: none; margin-right: 0;
}
.main-menu .nav li a:link, .main-menu .nav li a:visited {
    color: #fff; text-decoration:none;
}
.main-menu .nav li a:hover{
    background: rgba(255,255,255,0.3); color: #fff; text-decoration: none;
}
.main-menu .nav li a:active {
    color: #fff;  background: #333; text-decoration:none;
}
.main-menu .nav li a{
    float: left; padding: 16px; font-family: "Ropa Sans", sans-serif; font-weight: 400;
    border-right: 1px solid #fff; 
}

/* ---- Current Page ---- */
.current-menu-item a, .current_page_item a{
    color: rgba(255, 255, 255, 0.6) !important;
}
.main-menu .current-menu-item a, .main-menu .current_page_item a, .main-menu .current-menu-item a:hover, .main-menu .current_page_item a:hover{
    background: #222 !important;
}

/*////////////////////////////////////////////////////////
    Front Posts (index.php)
///////////////////////////////////////////////////////*/
.front-row{
    width: 100%; margin-top: 2%;
}
.front-button{
    float: left; width: 33%; position: relative;
    overflow: hidden;
}
.front-button:first-of-type, .front-button:nth-child(2n){
    margin-right: 0.5%;
}
.front-button img{
    width: 100%; height: auto;
}
.front-button img:hover{
    opacity: 0.8;
}
.front-button-caption{
    float: left; width: 96%; padding: 2% 2% 2% 8%; background: rgba(0,0,0,0.5); font-family: "Ropa Sans", sans-serif;
    color: #fff; font-size: 22px; letter-spacing: 0.5px;
}



/*////////////////////////////////////////////////////////
   Pages & shortcodes (page.php)
///////////////////////////////////////////////////////*/

.single-page-entry{
    padding: 0% 0% 2%;
}
.page-title{
    margin: 24px 0 12px;
}
.single-page-entry h3{
    margin: 18px 0 6px; padding-bottom: 6px; border-bottom: 1px solid #eee;
}
.single-page-entry p, .single-page-entry ul, .single-page-entry ol, .email-link{
    font-size: 16px; line-height: 24px; text-align: justify;
}
.single-page-entry p, .single-page-entry ul, .single-page-entry ol{
    margin-bottom: 18px;
}
.single-page-entry ul{
    list-style: square; margin-left: 5%;
}
.single-page-entry ol{
    list-style: decimal; margin-left: 5%;
}
.single-page-entry ol li{
    float: left; width: 100%; margin-bottom: 1%;
}
img[alt="Tony-Hopkins"]{
    margin-top: 0 !important;
}

.google-maps{
    margin-bottom: 2%;
}
.google-maps iframe{
    width: 100% !important;
}

/*////////////////////////////////////////////////////////
    404 - Page not found (404.php)
///////////////////////////////////////////////////////*/
.pnf h1{
    font-size: 24px; margin-bottom: 2%;
}
.pnf .single-page-entry p:first-of-type{
    
}
.pnf .single-page-entry p{
    
}


/*////////////////////////////////////////////////////////
    Footer (footer.php)
///////////////////////////////////////////////////////*/
footer{
  float: left; position: relative; width: 98%; background: #0074c8; color: #fff; padding: 1%;
}
footer span{
    float: left; display: block; margin-right: 3%; font-size: 12px; line-height: 18px;
}
footer span:first-of-type{
    font-family: "Ropa Sans", sans-serif; font-size: 22px; position: relative; top: 0;
}