/*
Theme Name: V.R Obbard Custom Theme
Author: Hotsource Websolutions
Author URI: http://www.hotsourcewebsolutions.com/
Description: V.R Obbard Custom Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}


.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/****************** Fonts ***********************/
h1,h2,h3,h4,h5,h6 {font-family: 'Catamaran', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;color: #556722;}
/*body {font-family: 'Catamaran','Helvetica Neue', Helvetica, Arial, sans-serif;}*/
div.homebox h3 {}
a.developedby {
    color: #712F00;
}

p {text-align:justify;}

/****************** Navbar ***********************/
#container-top-menu-bar	{background-color:#1c1c1c;}
.navbar-default {background-color: inherit;border: 0;}
.navbar-brand {padding:7px 0px;}
ul.navbar-nav {top: 36px;position: relative;}
.navbar-default .navbar-nav>li>a {color: #FFF;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #92A06B;background-color: inherit;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #FFF;background-color: #333;}
nav.navbar {min-height:100px;}

/****************** Slider / Breadcrumb Area ***********************/
#slider-container {background: #92a06b;background: linear-gradient(to bottom, #92a06b 83%,#FFF 17%);}
h2#tagline {font-size: 20px;color: #fff;text-align: center;width: 80%;margin: 0 auto;padding: 20px 0;}

/****************** Breadcrumbs ***********************/
p#breadcrumbs {min-height: 40px;display: block;color: #fff;padding: 10px;}
p#breadcrumbs a {color:#fff;}

/****************** Footer  ***********************/
div#footer-top {background-color:#333333;min-height:200px; padding: 25px 0;}
div#footer-bottom {background-color: #161616;min-height:50px;}
p.footer-address {text-align: right;color: #fff;padding-top: 10px;}
p.copyright {padding-top: 20px;}
#footer-top p {color:#a0a0a0;text-align: inherit;}
#footer-top input, #footer-top textarea {padding: 10px;width:92%;}
.btn-footer {width:100px;margin:0 auto;position:relative;display:block;}
div.footer-contact {text-align: center;}
div#footer-top h3 {color:#fff;margin-top: 0;}

/****************** Bootstrap Nested container in container-fluid fix ***********************/
.container-fluid .container {padding-left:0;padding-right:0;}
iframe#twitter-widget-0 {top: -20px;position: relative !important;}

/****************** Contact Form 7 overrides ***********************/
div.wpcf7-mail-sent-ok {border: 1px solid #398f14!important;background-color: #C3FFC3;padding: 5px;text-align: center;color: #0D6F0D;border-radius: 4px;}
div.wpcf7-validation-errors {border: 2px solid #AD2222!important;background-color: #F72B2B;color: #fff;border-radius: 4px;padding: 10px!important;text-align: center;}
div.wpcf7-response-output {margin: 0!important;}

/****************** Homepage ***********************/
div.homebox {background-color: #eaede3;padding:20px;}
div.homebox h3 {margin-top:0;}
body.home div#main-container {margin-top:40px;margin-bottom: 40px;}
a.btn-more-info {position: absolute;bottom: 12px;right: 25px;}
img#logo {width: 345px;}

/****************** Buttons ***********************/
.btn-primary {color: #fff;background-color: #92A06B;border-color: #3D8E3E;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {color: #fff;background-color: #333;border-color: #9DA1A5;}

/****************** Search box ***********************/
.widget form#searchform label {display:none;}
.widget form#searchform input#s {padding: 9px;border-radius: 4px 0 0 4px;border: 1px solid #ccc;margin-right: 0;float: left;width:70%;}
.widget form#searchform input#searchsubmit {background-color:#92A06B;color: #fff;padding: 10px;border: 0;border-radius: 0 4px 4px 0px;width:25%;}

/****************** Testimonials ***********************/
.triangle-border {position: relative;padding: 15px;margin: 1em 0 1em;border: 5px solid #f9f9f9;color: #333;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.triangle-border:after {content: "";position: absolute;bottom: -13px;right: 47px;border-width: 13px 13px 0;border-style: solid;border-color: #fff transparent;display: block;width: 0;}
.triangle-border:before {content: "";position: absolute;bottom: -20px;right: 40px;border-width: 20px 20px 0;border-style: solid;border-color: #f9f9f9 transparent;display: block;width: 0;}
.testimonial {padding-top:3px}
.testimonial p small {font-style:italic;color:#333;font-weight:bold;}
.testimonial a {color:rgb(51, 51, 51);}
.testimonial a:hover {text-decoration: none;}
.testimonial p.byline, div.person {font-weight: bold;}
.prevnext {margin-top:30px;}
div.carousel {min-height:240px;}

/****************** Contact & Contact Sidebar ***********************/
span.contactdetails {font-family: 'Catamaran';font-size: 24px;padding-left: 10px;}
div.contact-sidebar {text-align: right;margin-right: 19px;margin-bottom: 20px;}
div.contact-sidebar i {color:#22691D;}

/****************** Page Navigation (PageNavi) index.php ***********************/
body.blog .wp-pagenavi {clear: both;padding-bottom: 20px;text-align: center;padding-top: 20px;}
body.blog .wp-pagenavi span.pages {border:0;}
body.blog .wp-pagenavi span.current {border: 0;background-color: #556722;color: #fff;}

div.nav-previous {float:left;}
div.nav-next {float:right;}


/****************** Homepage Recent Jobs Box ***********************/
img.recent-thumbnail {width: 100px;float: left;margin: 3px;}

/****************** Blog / Recent Jobs post list (index.php) ***********************/
img.recent-list-thumbnail {width: 100px;float: left;border: 1px solid #ccc;padding: 3px;margin-right: 13px;}
body.blog div.post {clear:both;    padding-bottom: 20px;}


/******************  ***********************/
/******************  ***********************/
/******************  ***********************/
/******************  ***********************/
/******************  ***********************/
/****************** responsive form  ***********************/
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

div.field-container {width:100%;}
div.field-container label.desc {width: 37%;}
div.field-container div.field {width:100%;}
label.desc {float:left;}
label.desc:nth-child(odd) {color:#556722;}
span.not-bold {font-weight: normal;font-size: 0.8em;}
div.form-image img {border: 1px solid #ccc;}
.field-note-title {margin-bottom:0;padding-bottom:0;}
.field-note {margin-top:0;padding-top:0;padding-bottom: 20px;}
.field-containerx {margin-bottom:15px;}
.field-container {margin-bottom:10px;}
.upper {text-transform: uppercase;}
div.form-image {max-width:300px;float:right;}
div#container1, div#container2, div#container3, div#container4 {clear:none;}


@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }

	dl.gallery-item {
	    float: none!important;
	    width: auto!important;
	}

  
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	/*text-align: right;*/
  	text-align:left;
  }
}

div.page {padding-bottom: 40px;}
div.pagepics {max-width:300px;padding-bottom:20px;}


ul.tick {margin-left: 0;padding-left: 0;list-style: none;}
ul.tick li { padding-left: 22px; background-image: url(images/tick.gif); background-repeat: no-repeat; background-position: 0 2px;}

div.widget {margin-bottom: 30px;}

img.trading-standards {
    margin-left: 30px;
    margin-top: 22px;
}

/****************** Responsive ***********************/
@media (max-width:991px){
	p.copyright, p.footer-address {width:100%;text-align: center;}
	div#footer-top div.col-md-4 {width:100%;text-align:center;margin-bottom:40px;}
	img#logo {width: 210px;top: 18px;position: relative;}
}

@media (max-width:768px){
	a.btn.btn-primary.btn-more-info {
		margin: 0 auto;
	    margin-top: 30px;
	    position: relative;
	    display: block;
	    float: none;
	    right: 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#444;}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {margin-top: 57px;}

	
}
@media (max-width:320px){
	img#logo {width: 100%;}
	dl.gallery-item {
	    float: none!important;
	    width: auto!important;
	}

}