/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


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

#navigation{margin-bottom:1em;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;}

#header { 
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding: 10px 0 0px;
}
#inner-wrapper {margin-top: 15px;}
#logo {
    margin-bottom: 5px;
    margin-left: 10px;
}
#navigation ul {
    margin-left: 5px;
}
#navigation ul {
    padding: 3px 0;
}
ul.nav li a {
    padding-bottom: 0.3em !important;
    padding-top: 0.3em !important;
}
#content {padding:0;}

a:link, a:visited {color: #999999;}
.page-title, .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {font-size:1.2em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#666666;}

#logo a img:hover{opacity:0.75;}
#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a {
    color: #000000;
}
div#social-media{width:200px;height:55px;border-bottom:1px solid #ccc;}
.fb-icon, .tw-icon, .yt-icon, .rss-icon, .mail-icon {display:block;width:40px; height:40px;text-indent: 100%;white-space: nowrap;overflow: hidden;float:left;position:relative;}
a.fb-icon:hover, a.tw-icon:hover, a.yt-icon:hover, a.rss-icon:hover, a.mail-icon:hover {opacity:0.75;bottom:3px;}
.fb-icon{background:url("img/facebook.png") no-repeat;}
.tw-icon{background:url("img/twitter.png") no-repeat;}
.yt-icon{background:url("img/you-tube.png") no-repeat;}
.rss-icon{background:url("img/rss.png") no-repeat;}
.mail-icon{background:url("img/mail.png") no-repeat;}
h2.hp-head, h2.hp-head-2, h2, h3{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#666666;margin:0 0 10px 0;}
h2.hp-head-2{clear:both;position: relative;top:20px;margin-bottom:20px;}
input.sidebar-form  {width:150px;}
input.wpcf7-submit {
    background: none repeat scroll 0 0 #999;
	border:1px solid #fff;

}
#brochure-sub{margin-left:43px;}
input.wpcf7-submit:hover{
   opacity:0.75;
}
div#wpcf7-f62-o1, div#wpcf7-f62-o2{position:relative;top:20px;}
div#blog-feed h2.title a{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#666666;}
.post-more a:hover,
.post-meta a:hover,
.post p.tags a:hover {
  color: #c3cd4a;
}
h5.nocomments{display:none;}
#comments {border:0;margin:0;padding:0;}
#respond {border-top: 1px solid rgba(0, 0, 0, 0.07);padding-top:1.4em}

a#enq-butt {background:url("img/enquiry-button.png") no-repeat;display:inline-block;width:272px; height:45px;text-indent: 100%;white-space: nowrap;overflow: hidden;margin: 12px 0 6px 0;}
a#enq-butt:hover{position:relative;opacity:0.75;}
.widget{margin:0;}
a#post-eq{border-top: 1px solid #ccc;margin-top:20px;display:inline-block;height:10px;width:200px;padding-top:10px;}
.pdf-icon{background:url(img/pdf-icon.png) no-repeat;height:41px;width:43px;margin:-35px 25px 10px 12.5em;}
.post-enq-form{background:url(img/post-enq-icon.png) no-repeat;height:30px;width:37px;margin:-22px 20px 10px 12.8em;}
h2.hp-head, h2.hp-head-2{font-size:1.2em;}
.wp-image-245{background: transparent !important;}

table#cookie-use{margin:10px 0;border: 1px solid #cccccc;box-shadow:none;}
table#cookie-use td, table#cookie-use th{padding:5px !important; vertical-align:top;background-color: #e8e8e8;border: 1px solid #cccccc;}
a#deleteCookie, a#allowCookie {cursor: pointer;}
div#cookiecontrol{margin:0 0 10px 5px;}
.imagepreload { display: none; }
p#cookie-adv{font-size:11px; color:#999999; display:block; margin-left:7px;}
p#cookie-adv a {font-size:11px; text-decoration:underline;}
p#cookie-adv span{color:red; font-weight:800;}
div#cookie-adv{margin-left:7px;}
#cc-notification.cc-light {background: none repeat scroll 0 0 rgba(255, 193, 37, 0.95) !important;}
.woo-sc-box.tick {background: #edfcd5 url("../images/ico-tick.png") no-repeat scroll 20px 7%;}

@media only screen and (max-width: 1020px) {
/* Change content background to transparent when mobile view */
#loopedSlider .content {
background: transparent !important;}
#loopedSlider {margin-bottom:-20px !important;
}
}

.shortcode-toggle.border {border:none;}
.shortcode-toggle h4 a {background-color:#e8e8e8;color:#000000;}
.shortcode-toggle .toggle-content{background-color:#e8e8e8;}
.shortcode-toggle {margin:0;}
h4.toggle-trigger{font-size:1em;font-weight:100;}
body.page-id-41 .entry br{display:none;}
a.lbp_secondary:hover{opacity:0.75;}
.post-meta {margin: -8px 0 0.8em;font-size:9px;}
body.single-post .fix {margin-bottom: 10px;}
.urn-gallery{position:relative;top:-20px;bottom: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) {
#tel-no{background:url("img/tel-no-new.png") no-repeat;display:block;width:241px;height:33px;margin:12px 0 0 0;float:right;}
#main-sidebar-container #main {padding: 0 10px 0 15px; margin-bottom:10px;}
#loopedSlider {margin-bottom: 0px;}
.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {width: 71.89%;border-right: 1px solid #ccc;}
.two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {width: 23.91%;}

.home.two-col-left #main-sidebar-container #main, .home.two-col-right #main-sidebar-container #main {width: 71.89%;border-right: 1px solid #ccc;margin-top:0px;}
.home.two-col-left #main-sidebar-container #sidebar, .home.two-col-right #main-sidebar-container #sidebar {width: 23.91%;margin-top:0px;}


h2, h3{font-size:1.2em;font-weight:normal;}
h2.sub-head{color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 1.1em;font-weight: bold;}
div#overview{float:left;width:48%;}
div#blog-feed{float:left;width:48%;margin-left:3%;padding-top: 2px;}
div#blog-feed h2.title a{font-size:18px;}
div#blog-feed .post-meta{font-size:10px;margin-top:-6px;margin-bottom:12px;}
div#blog-feed .post{margin-bottom:10px;}
h1.title{font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#666666;}

#two-column{
	width: 550px;
}
#two-column #left{
	width: 300px;
	float: left;
}
#two-column #right{
	width: 250px;
	float: right;
}
#two-column p{
	margin-bottom: 12px;
}
#two-column input[type="text"], #two-column input[type="email"]{
font: 300 14px/1em "Helvetica Neue",Helvetica,sans-serif;

	font-size :14px;
background: none repeat scroll 0 0 #fafafa;
    border-color: #ccc #efefef #efefef #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
	width: 540px;
	padding: 5px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"], #two-column #left input[type="email"]{
	width:240px;
}
#two-column textarea {
    position: relative;
    padding: 5px;
background: none repeat scroll 0 0 #fafafa;
    border-color: #ccc #efefef #efefef #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width: 540px;
	font: 300 14px/1em "Helvetica Neue",Helvetica,sans-serif;
}
#two-column input[type="submit"]{
	padding:8px 18px;
	 background: none repeat scroll 0 0 #999;
    border: 1px solid #fff;
	float:right;
	font-size: 14px;
	margin-top: -60px;

}
#two-column input[type="text"]:focus, #two-column textarea:focus{
	background: #eee;
	
}
#two-column input[type="submit"]:hover{
opacity:0.75;
}
div#office-address{float:right;margin-right:70px;}
div#office-address ul{padding:0;}
div#office-address ul li {list-style:none;}

fieldset#comm-enq, fieldset#post-enq{border:1px solid #999;border-radius:8px;margin: 0;padding: 0.95em 0 0.75em 0.75em;width:45%;background:#cdcdcd;float:right;margin-left:12px;}


input#comm-name, input#comm-email, input#comm-pet, input#comm-photo1,input#comm-photo2,input#comm-photo3,input#comm-photo4,input#comm-photo5, input#post-name, input#post-house, input#post-address1, input#post-address2, input#post-address3, input#post-code, textarea#comm-info{display: inline-block;
padding: 0.4em 0.6em;vertical-align:middle;border:1px solid #999;width:220px;}
select#post-title{margin-bottom:5px;}

.comm-label, .post-label{display: inline-block;
    margin: 0 1em 0 0;
    text-align: right;
    vertical-align: middle;
    width: 10em;}
.comm-label-top{display: inline-block;margin: 0 1em 0 0;text-align: right;vertical-align: top;width: 10em;}
.comm-txt{margin-left:11.1em !important;}
#comm-submit, #post-submit{margin-left:12.5em !important;}
.blog-ex-hp .entry p {margin-bottom:0;}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    background-color: none;
    height: auto;
    margin-right: 20px;
	padding:0;
	border:none;
}
div.wpcf7-validation-errors {
    margin-left: -10px;
    width: 50%;
}
.entry p, .toggle-content{text-align:justify;}
#respond {margin: 10px 0 0;
}
.business #loopedSlider img.woo-image {
    height:300px !important;
	box-shadow: #000 0em 0em 0em;
}
.swipe-knob {background-color: #c3cd4a !important;}
.slider_captcha {width:97% !important;}
}