/*
Theme Name: Osborn
Theme URI: http://mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http://mysite.com/
Template: canvas
Version: 0.1
*/

@import url("../canvas/css/reset.css");
@import url("../canvas/style.css");


/* GLOBAL STYLES 
----------------
Add styles beneath this line that you want to be applied across your entire site */


#logo .site-title, #logo .site-description ,
#footer,
/*.page .title, */
.page-template-template-biz-php .title,
#post-author, 
#connect, 
.post-entries,
#comments,
#respond
{ display:none;}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {border:none!important; padding:0;}

.entry
{padding:0!important;}

.clear
{ clear:both;}

.page-template-template-biz-php #content
{ background:none; margin-top:0px; clear:both; }

.white
{ color:#fff;}

/*Slide Pagination*/
.slider-pagination 
{ opacity:1;   }

#loopedSlider .flex-control-nav, 
.slider-pagination .flex-control-nav 
{ /*text-align:left;*/ margin:30px 0 0px 0px; /*left:20px; top:-40px; z-index:999; position:relative;*/ background:none; }

#loopedSlider.business-slider .content 
{ /*background:none!important;*/}

#loopedSlider .pagination li.current a,
#loopedSlider .flex-control-nav li .flex-active,
.slider-pagination .flex-active a {
  background: #fff; border-color: #fff;  background:#00B4AF; border-color:#00B4AF; /*border-radius:0;*/ }

#loopedSlider .pagination li a,
#loopedSlider .flex-control-nav li a,
.slider-pagination a 
{background:#A3B2CA; border-color: #A3B2CA; /*border-radius:0; */ }

[class^="icon-"]:before, [class*=" icon-"]:before 
{color:#333; margin-top:-20px; text-decoration:none; font-weight:normal; }

/*arrow surrounding background colour*/
#loopedSlider a.flex-prev span,
#loopedSlider a.flex-next span 
{background:#fff; padding:10px 14px;  font-size:40px; line-height:30px;  border-color:#fff; /*display:none;*/} /*Circle around arrow*/
#loopedSlider a.flex-prev span
{ left:0; border-radius:0px 10px 10px 0px; }
#loopedSlider a.flex-next span
{ right:0; border-radius:10px 0px 0px 10px;}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */
#header 
{ padding:0;}

/*Widths*/
.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main
{  width:68%!important;  }
#sidebar
{ width:31%!important;  }

/*Top Navigation*/
#top
{ background:transparent!important;  }
#top-nav, .menu-top-container /*(footer navegation)*/
{ float:right; margin-right:0; }
#top ul.nav li a, .widget ul li a /*(footer navegation)*/
{ color:#000; }

#top ul.nav li.current_page_item a,
#top ul.nav li.current_page_parent a,
#top ul.nav li.current-menu-ancestor a,
#top ul.nav li.current-cat a,
#top ul.nav li.current-menu-item a ,
#top ul.nav > li a:hover ,
#top ul.nav > li:hover 
{ color: #54B8B6!important;}
/*Top Navigation*/

/*Navigation*/
#navigation 
{ border:none; background:none; box-shadow:0; -webkit-box-shadow:0; -moz-box-shadow: 0; border-radius:0; -moz-border-radius: 0; -webkit-border-radius:0; margin:0px 0 0 0; padding:0;}

#navigation ul.nav
{ background:none!important;  width:100%; margin-bottom:0px; margin:0px 0 0 0;}


/*bit on navigation to work on*/
#navigation .nav li.parent > a {
    /*padding-right: 2em; padding-right:1.45em; */
  }
#navigation .nav li.parent > a:after 
{}

/*bit on navigation to work on*/
#navigation  ul.nav li a {}



#top ul.nav li.current_page_item a,
  #top ul.nav li.current_page_parent a,
  #top ul.nav li.current-menu-ancestor a,
  #top ul.nav li.current-cat a,
  #top ul.nav li.current-menu-item a {
    color: #fff;
  }

#navigation ul.nav > li a:hover {
    background:none!important; /*color:#68C7D7;*/
  }

/*#navigation ul.nav > li {
    border-right:none;
  }

  #navigation ul.nav > li:hover {
    background: #000;
  }*/

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.current-menu-item a {
  background:none;
  /*color:#68C7D7;*/
}

ul.nav ul li.current_page_item a,
ul.nav ul li.current_page_parent a,
ul.nav ul li.current-menu-ancestor a,
ul.nav ul li.current-cat a,
ul.nav ul li.current-menu-item a {
  color: #000; 
}
#navigation ul.nav ul {
    /*background:none; 
    border: 1px solid #e6e6e6;
    left: -1px; margin:0; padding:0; border:none!important; background:#F0F8FA; font-size:1.4em;*/
  }

#navigation ul.nav ul li a
{ color:#333!important;}
#navigation ul.nav ul li a:hover 
{ text-decoration:none; background:#f7f7f7!important;}


#navigation ul.nav > li a:hover {
background:none;
}
#navigation ul.nav > li:hover {
background:none;
}



/*Content*/
#content
{ /*clear:both;*/  }


/*Contact Form Settings*/
.contactform
{float:left; width:48%;}
.map
{float:right; width:51%;}

#FSContact2, #FSContact3, #FSContact4
{ width:100%!important; }

fieldset
{ margin-bottom:40px; max-width:588px!important;}
fieldset div
{  max-width:588px!important; }

fieldset div span label
{ width:388px!important; white-space:normal!important;  }


}



/* Mobile phone STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (max-width: 767px) {
body
{ background:none;}
#header, #logo
{ padding:0; margin:0;}

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
ul.nav li a 
{ font-size:13px!important; }
#logo img
{ }
 
}

/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/
/*Specific Site Settings Specific Site Settings Specific Site Settings Specific Site Settings*/



/*Content*/
#content
{ /*clear:both;*/ background:#E6F4F9; padding-bottom:0; }


/*General text/font Settings*/
.page #wrapper #inner-wrapper #content  h1, 
.page  .entry   h2, 
.page  .entry   h3, 
.page #wrapper #inner-wrapper#content  h4
{font-family: 'Open Sans', serif!important; color:#15619F!important;}
.entry, .entry p, .entry li, .entry a, #sidebar, #sidebar p, #sidebar li, #sidebar a
{font-family: 'Open Sans', serif!important; color:#25204d!important;}
.entry a
{  }

.entry h1, .entry h2, .entry h4, .entry h5, .entry h6 {
    margin: 20px 0px 0.5em;
    line-height: 1.5em;
}

.page #wrapper #inner-wrapper #content  h1
{ color:#15619F!important; margin:10px 0; font-weight:normal!important; font-size:25px!important; }

.page  .entry   h2
{ font-weight:normal!important; line-height:26px!important; font-size:24px!important;  padding:0!important; }
.page  .entry   h3
{ font-size:20px!important; font-weight:normal!important;  }


.page #wrapper #inner-wrapper #content .entry, 
.page #wrapper #inner-wrapper #content .entry p, 
.page #wrapper #inner-wrapper #content .entry li
{ font-size:14px!important; font-weight:normal; font-family: 'Open Sans', serif!important; line-height:24px; color:#333!important;}

a:link, 
a:visited
{color:#E6007D;font-family: 'Open Sans', serif!important;  }

.page-title, .post .title, .page .title 
{  }


/*Osborn Header Settings*/
.header-widget
{ width:51%; margin-top:15px; }

.strap
{ font:18px semibold, 'Open Sans'; color:#1662A0; margin-left:10px;}

.tel
{ font-weight:800; } 


.strong
{ font-weight:bold!important;}

/*Slider Genreal Settings*/
.slider-pagination
{ margin-top:-110px;  }




.flex-control-paging {/* outline:3px solid #f00; width:1000px !important; margin:0 auto!important;*/ }

/*Logo Settings*/
#logo
{ margin:0px 0 0 0;}

#footer-widgets
{ padding:0; border:none;}


/*Footer stuff*/
.developedby
{ margin-top:20px; font-family: 'Open Sans', serif!important; }

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

body
{background:#E6F4F9 url(/wp-content/uploads/bg_servicing.jpg) top center repeat-x!important; }
/*.page-template-template-biz-php
{background:#fff url(/wp-content/uploads/bg_home.png) top center repeat-x!important; }*/



/*Header Settings*/
#wrapper #inner-wrapper #header
{ padding:0px; margin:20px auto 5px auto;   }

#wrapper #inner-wrapper { /*background:#f00;*/ }


/*.page-template-template-biz-php*/ #wrapper #inner-wrapper  #nav-container {  position:relative; z-index:999; background: url(/wp-content/uploads/bg_navigation.png) top center repeat-x!important; margin-bottom:0; }

#logo
{  }
body.full-header.full-slider #loopedSlider { position:relative; z-index:1; top:-50px; } /*Moves slider up behind navigation*/

.social
{ float:right; margin-top:-37px; position:relative; z-index:999; }

/*Navigation*/
#navigation 
{ padding:0; background:transparent; margin:0 auto; }

/*bit on navigation to work on*/
#navigation ul.nav
{ }
#navigation ul.nav li a:after 
{/*content:none!important; content: "  |"; letter-spacing:2px; */}

/*bit on navigation to work on*/ 
#navigation  ul.nav li a 
{ padding:18px 16px 18px 6px!important;  display:block;  font-family: 'Open Sans', sans-serif; font-weight:600; font-size:12px!important; background:url(/wp-content/uploads/bg_nav_separator.png) right center no-repeat; text-transform:uppercase; color:#fff;  }

#navigation ul.nav li a:hover 
{ background:url(/wp-content/uploads/bg_nav_separator.png) right center no-repeat!important; color:#00B4AF!important; }


/*Home navigation house icon*/
#navigation ul.nav li.menu-item-45 a
{background:url(/wp-content/uploads/bg_house.png) center center no-repeat!important; /*margin-top:8px; margin-bottom:-8px;*/ margin-right:10px;  } 
#navigation ul.nav li.menu-item-45 a:hover
{background: url(/wp-content/uploads/bg_house_hover.png) center center no-repeat!important;  }


#navigation ul.nav > li 
{  border-right:none;  }

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.current-menu-item a {
  background:none;
  color:#00B4AF!important;
}

ul.nav ul li.current_page_item a,
ul.nav ul li.current_page_parent a,
ul.nav ul li.current-menu-ancestor a,
ul.nav ul li.current-cat a,
ul.nav ul li.current-menu-item a {
  color: #000; 
}
#navigation ul.nav ul { /*display:none; */ background:#000; padding:0; }

#navigation ul.nav ul li a
{ background:#333!important; color:#fff!important; }
#navigation ul.nav ul li a:hover 
{ background:#333!important; }


#navigation ul.nav > li a:hover 
{}
#navigation ul.nav > li:hover 
{}

#navigation ul.nav ul ul,

/*navigation */
#main-nav li a i { display:none; }



/*Osborn Destop Settings*/



/*Slider Settings*/
.woo-slideshow
{ /*position:relative; top:-50px; z-index:1;*/ }


.grandchildren ul li
{ display:inline-block;  }




/*Osborn footer Contact Settings*/
.contact { padding:28px 0 32px 0;}
.contact .right
{float:right; margin-top:-12px;}

.contact .left
{float:left; margin-top:-5px;  font-family: 'Open Sans', sans-serif; }

/*Did you know Settings*/
.didyouknow
{ width:60%; }
.didyouknow li
{  background: url(/wp-content/uploads/did-u-know.png) left top no-repeat; padding:0px 0px 0px 220px; margin:20px;}


/*Home page Osborne list Settings*/
ul.page-list li.page_item
{ float:left; margin-right:10px; }

ul.page-list
{ width:810px; float:left; }


/*Did you know Settings*/
.page-template-template-biz-php .show .didyouknow { display:block; float:left; width:190px; padding:0; }


}

/*Header background Settings*/
.page-template-template-biz-php  .main_heading { display:none; }

#wrapper #inner-wrapper .main_heading
{ background:#15619F;  }
.page #wrapper #inner-wrapper .main_heading h1
{ color:#fff!important;  width:1000px; margin:0 auto; text-transform:uppercase; padding:22px; font-size:25px!important; font-weight:600!important; font-family: 'Open Sans', sans-serif; }


.page-template-template-biz-php .didyouknow { display:none; }
.page-template-template-biz-php .show ul.didyouknow { display:block;  padding:0; border:none;  }
.page-template-template-biz-php .show ul.didyouknow li { list-style:none; margin:20px 0 0 0!important; padding:90px 0px 0px 0px; margin:20px;}
.page-template-template-biz-php #wrapper #inner-wrapper #content .entry .show ul.didyouknow li p
{ margin-bottom:10px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#135F9F!important;  }

/*Did you know Settings*/
.didyouknow
{ border:6px solid #fff;  }
.didyouknow li
{  background: url(/wp-content/uploads/did-u-know.png) left top no-repeat; }

.didyouknow p
{ margin-bottom:10px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#135F9F; }



/*Hiding titles on some pages*/
.page-id-41 h1.entry-title,
.page-id-21 h1.entry-title,
.page-id-21 .grandchildren,
.page-id-11 h1.entry-title,
.page-id-13 h1.entry-title,
.page-id-15 h1.entry-title,
.page-id-17 h1.entry-title,
.page-id-19 h1.entry-title,
.page-id-39 h1.entry-title,
.page-id-511 h1.entry-title,
.page-id-509 h1.entry-title
{ display:none; }



/*Home page Osborne list Settings*/
ul.page-list
{ padding:0; min-height:300px; width:810px; padding-top:10px;  }
ul.page-list li
{ padding:0; list-style:none; height:100px; width:220px;padding:20px 20px 190px 20px; margin-bottom:10px;}

ul.page-list li.page-item-27 
{ background:#1662A0 url(/wp-content/uploads/home_servicing.jpg) bottom center no-repeat;  }
ul.page-list li.page-item-25 
{ background:#99CC00 url(/wp-content/uploads/home_breakdown.jpg) bottom center no-repeat;  }
ul.page-list li.page-item-23 
{ background:#00B4AF url(/wp-content/uploads/home_additional.jpg) bottom center no-repeat;  }

ul.page-list li a
{ background: url(/wp-content/uploads/readmore.png) bottom left no-repeat; padding:0 0 50px 0; width:130px!important;  color:#fff!important;text-transform:uppercase!important; display:block; font-weight:600; font-size:18px; }







.contact 
{  border:1px dotted #1662A0; border-right:none; border-left:none; }
.contact span
{ font-weight:600; font-family: 'Open Sans', serif!important; }

.copyright,
.developedby,
.contact 
{ color:#1662A0;}

.copyright
{ margin-top:20px; font-family: 'Open Sans', serif!important; }
/*Osborn Services subnavigation*/
.grandchildren
{ background:#fff; }

.grandchildren ul
{ width:1000px; margin:0 auto; }
.grandchildren ul li a
{  padding:10px 12px 10px 56px; display:block; font-size:12px; font-weight:600px;width:127px; line-height:14px; color:#15619F; }


/*Osborn Header Settings*/
.page-item-29 a,
.page-item-31 a,
.page-item-33 a,
.page-item-35 a,
.page-item-37 a,
.page-item-123 a,
.page-item-125 a,
.page-item-127 a,
.page-item-129 a
{  padding:10px 12px 10px 56px; display:block; font-size:12px; font-weight:600px;width:127px; line-height:14px; color:#15619F; }



li.current_page_item a
{ background-color:#E6F4F9 }
.page-item-29 a
{ background: url(/wp-content/uploads/icon_air.png) center left no-repeat;  }
.page-item-31 a
{background: url(/wp-content/uploads/icon_computarised.png) center left no-repeat; }
.page-item-33 a
{background: url(/wp-content/uploads/Icon_preventative.png) center left no-repeat; }
.page-item-35 a
{background: url(/wp-content/uploads/icon_mot.png) center left no-repeat; }
.page-item-37 a
{background: url(/wp-content/uploads/icon_comercial.png) center left no-repeat; }
.page-item-123 a
{background: url(/wp-content/uploads/24hr-roadside-repair-50x32.png) center left no-repeat; }
.page-item-125 a
{background: url(/wp-content/uploads/ukwide-vehicle-recovery-50x321.png) center left no-repeat; }
.page-item-127 a
{background: url(/wp-content/uploads/Free-vehicle-recovery-50x32.png) center left no-repeat; }
.page-item-129 a
{background: url(/wp-content/uploads/steel2-50x32.png) center left no-repeat; }
.page-item-131 a
{background: url(/wp-content/uploads/speedo-50x321.png) center left no-repeat; }
.page-item-141 a
{background: url(/wp-content/uploads/out-of-hours-50x321.png) center left no-repeat; }
.page-item-133 a
{background: url(/wp-content/uploads/hazardous-goods-50x32.png) center left no-repeat; }
.page-item-135 a
{background: url(/wp-content/uploads/Low-Emission-Zone-50x32.png) center left no-repeat; }
.page-item-137 a
{background: url(/wp-content/uploads/mobile-service-vans-50x32.png) center left no-repeat; }
.page-item-139 a
{background: url(/wp-content/uploads/Daily-fleet-check.png) center left no-repeat; }


/*Settings to override default in favor of breakdown and repairs and additional services*/
.page-id-25 .grandchildren ul li a,
.parent-pageid-25 .grandchildren ul li a
{width:115px!important; }

.page-id-23 .grandchildren ul li a,
.parent-pageid-23 .grandchildren ul li a
{width:104px!important; padding:10px 8px 10px 50px!important;}


/*Additional Servicess Tabs Settings*/
/*.page-id-23 .grandchildren ul li a 
{width:90px;}*/





/*Osborn Home Banner/Heading Settings*/

.end 
{margin-right: 0px;}

/* Footer */
.widget
{margin-bottom:0;}
#footer-widgets
{ background:transparent;}

#footer-widgets p, 
#footer-widgets a, 
#footer-widgets h3 ,
.quote
{ }


.footer-widget-1
{ margin:0!important;  padding:0%!important;}

#footer-widgets
{ padding:20px 0 0 0;}

.widget p, .widget .textwidget 
{ }


/*Footer background Osborn Settings*/
.white_footer_bg
{ background:#fff; }


/*Osborn Blog Settings*/
ul.blogs
{ margin-top:20px; padding:0;  }

ul.blogs li
{ padding:0;list-style:none; margin-bottom:20px; font-family: 'Open Sans', sans-serif; }
ul.blogs img
{ float:left; margin:0 20px 0px 0px; }

ul.blogs li h4.lcp_title a
{ color:#15619F!important; font-size:24px; font-weight:500; }
ul.blogs li  a
{ color:#15619F!important; font-weight:bold;  }


/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*ul.nav li a {font-size:10px;}*/
#navigation ul.nav li a
{  }

.side_navigation ul li a
{  }

/*Slider Genreal Settings*/
.slider-pagination
{ margin-top:-70px;  }
body.full-header.full-slider #loopedSlider { position:relative; z-index:1; top:0px; } /*Moves slider up behind navigation*/

/*Home page Osborne list Settings*/
ul.page-list 
{ margin-top:10px; }


/*Did you know Settings*/
.page-template-template-biz-php .show .didyouknow { margin-top:20px;}

}




/* Mobile phone STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (max-width: 767px) {

/*#loopedSlider,
.slider-pagination,*/
.page-template-template-biz-php .main_heading,
.header-widget,
.slider-pagination,
.side_navigation
{ display:none!important;}


body
{background:#E6F4F9}

#logo 
{ padding:20px; background:#fff; text-align:center; margin-bottom:-40px; }

.header_banner { margin:0 0 0px 0;  }


/*arrow surrounding background colour*/
#loopedSlider a.flex-prev span,
#loopedSlider a.flex-next span 
{padding:5px 7px;  font-size:20px; line-height:30px; top:30px;}

/*Osborn footer Contact Settings*/
.contact {padding:20px 0; }
.contact .right
{ margin-top:15px; display:block;}

.didyouknow li
{ padding:90px 0px 0px 0px; margin:20px;}

h1
{margin:0;}

#main
{/*margin-top:-20px;*/}

#header
{ padding:10px 0!important;}

/*Home page three thumbnails settings*/

.home_thumbnails .service
{  padding:10px 0; margin:10px 0; }

#sidebar
{ margin-top:0;}
.widget
{margin:0;}




/*Osborn Settings*/
ul.page-list
{  margin-top:-10px; }



}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

 
}