/*
Theme Name: Blackwood Country Gates
Author: Jonico Bansil & Tracey Shaw @ GOOP. SASS v1.5
Author URI: http://www.goop.com.au/
Description: WordPress theme for Blackwood Country Gates
Version: 1.0
*/
/* Font imports */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Halant:400,500|Hind:400,500");
/* SASS file imports*/
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/* Colour scheme */
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/*Grid additions*/
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/*==============================================
	EXPERIMENTAL (v1.5.1) - GRID MIXINS
==============================================*/
/* Usage:

.class {
	@include six-columns;
}

Output:

.class {
	width: 37.5%;
	float: left;
	display: inline;
}

*/
/* Base */
/* --- base.css | version 1.4 --- */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1rem; vertical-align: baseline; background: transparent; }

html { -webkit-text-size-adjust: none; }

body { line-height: 1; background: #ffffff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul, aside ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

article ul, article ol { margin-left: 1.3em; }

article pre { width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin-bottom: 1em; }

article blockquote { margin: 0 1.25rem 1em 1.25rem; }

/* lists */
article ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 { clear: both; width: 100%; margin: 10px 0px 15px 0px; }

article ul.columms-1 { float: left; display: inline; width: 100%; }

article ul.columns-2 li { float: left; display: inline; width: 50%; }

article ul.columns-3 li { float: left; display: inline; width: 33.333%; }

article ul.columns-4 li { float: left; display: inline; width: 25%; }

/* fluid columns */
.container { position: relative; width: 98%; padding: 0 1%; margin: 0 auto; max-width: 960px; }

.container .column, .container .columns { float: left; display: inline; }

.row { margin-bottom: 0px; }

.container .one.column, .container .one.columns { width: 6.25%; }

.container .two.columns { width: 12.5%; }

.container .three.columns { width: 18.75%; }

.container .four.columns { width: 25%; }

.container .five.columns { width: 31.25%; }

.container .six.columns { width: 37.5%; }

.container .seven.columns { width: 43.75%; }

.container .eight.columns { width: 50%; }

.container .nine.columns { width: 56.25%; }

.container .ten.columns { width: 62.5%; }

.container .eleven.columns { width: 68.75%; }

.container .twelve.columns { width: 75%; }

.container .thirteen.columns { width: 81.25%; }

.container .fourteen.columns { width: 87.5%; }

.container .fifteen.columns { width: 93.75%; }

.container .sixteen.columns { width: 100%; }

.container .one-third.column { width: 33.33%; }

.container .two-thirds.column { width: 66.66%; }

/* extra */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/*Offsets*/
.container .columns.offset-by-one { margin-left: 6.25%; }

.container .columns.offset-by-two { margin-left: 12.5%; }

.container .columns.offset-by-three { margin-left: 18.75%; }

.container .columns.offset-by-four { margin-left: 25%; }

.container .columns.offset-by-five { margin-left: 31.25%; }

.container .columns.offset-by-six { margin-left: 37.5%; }

.container .columns.offset-by-seven { margin-left: 43.75%; }

.container .columns.offset-by-eight { margin-left: 50%; }

.container .columns.offset-by-nine { margin-left: 56.25%; }

.container .columns.offset-by-ten { margin-left: 62.5%; }

.container .columns.offset-by-eleven { margin-left: 68.75%; }

.container .columns.offset-by-twelve { margin-left: 75%; }

.container .columns.offset-by-thirteen { margin-left: 81.25%; }

.container .columns.offset-by-fourteen { margin-left: 87.5%; }

.container .columns.offset-by-fifteen { margin-left: 93.75%; }

/*Smaller offsets using a variable $gutter as padding*/
.gutter-left { padding-left: 1.25rem; }

.gutter-right { padding-right: 1.25rem; }

@media only screen and (max-width: 767px) { .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; padding: 0; margin: 0 auto; } }
/* clearfix */
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .row:after, .group:after, section:after, article:after { clear: both; }

.clearfix, .row, .group, section, article { zoom: 1; }

/* selections */
::selection { background: #dddddd; }

::-moz-selection { background: #dddddd; }

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group { zoom: 0; }

/* active numbers */
a[href^=tel] { color: inherit; text-decoration: none; }

/* GOOP logo */
@font-face { font-family: 'GOOP'; src: url("goop/GOOP.eot?9ommr"); src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg"); font-weight: normal; font-style: normal; }
.goop-logo { font-family: 'GOOP'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

.goop-logo:before { content: "\e600"; }

/*Replace [at] with @ for email address*/
.domain:before { content: "\40"; margin-right: 0px; }

/*=================================================================================
	SITEMAP
=================================================================================*/
article ul.sitemap { margin-left: 25px; }
article ul.sitemap li ul { /*Submenu*/ margin: 5px 0 10px 15px; list-style-type: inherit; }
article ul.sitemap li.current_page_item { display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll { width: 20px; height: 20px; padding: 0px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; color: #3b464d; z-index: 10000; background-size: 100%; opacity: 0.5; }

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }
.video-container iframe { /* .video-container iframe */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*=================================================================================
	IFRAMES
=================================================================================*/
article iframe { margin: 0 0 1.25rem; display: block; width: 100% !important; }

/*==============================================
	UTILITY CLASSES
==============================================*/
.clearfix { clear: both; }

.left, .columns.left { float: left; }

.right, .columns.right { float: right; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { /*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/ }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Hind", "Verdana", "Tahoma", sans-serif, Arial, sans-serif; margin: 0; padding: 10px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url("lightbox/images/fancybox_sprite.png"); }

.fancybox-close { background-image: url("lightbox/images/close.png"); background-repeat: no-repeat; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("lightbox/images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("lightbox/images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 0; background-position: 0 -36px; }

.fancybox-next span { right: 0; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper 

.fancybox-lock { overflow: hidden !important; width: auto;
}*/
/*.fancybox-lock body { overflow: hidden !important;
}

.fancybox-lock-test { overflow-y: hidden !important;
}*/
.fancybox-overlay { position: absolute; top: 0; left: 0; /*	overflow: hidden;*/ display: none; z-index: 8010; /*background: url('lightbox/images/fancybox_overlay.png');*/ background: rgba(20, 20, 20, 0.9); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { /*overflow: auto;
overflow-y: scroll;*/ }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Hind", "Verdana", "Tahoma", sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: -10px; left: 0; z-index: 8050; text-align: left; padding: 10px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background: #ffffff; width: 100%; }

.fancybox-title-float-wrap .child { font-size: 0.75rem; /*	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; 
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;*/ }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading .fancybox-prev span, .fancybox-next span { /*background-image: url('lightbox/images/fancybox_sprite@2x.png');background-size: 44px 152px; The size of the normal image, half the size of the hi-res image*/ }
  .fancybox-close { /*background-image: url('lightbox/images/close@2x.png');background-size: 44px 152px; The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { /*background-image: url('lightbox/images/fancybox_loading@2x.gif');background-size: 24px 24px; The size of the normal image, half the size of the hi-res image*/ } }
/*=================================================================================
	FORMS
=================================================================================*/
form li { list-style: none; }
form label { display: block; margin-top: 1em; }
form input[type=radio] + label { margin-top: 0; }
form .input-group { margin-top: 1em; }
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox { display: inline-block; }
form .ninja-forms-required-items { display: block; margin: 0 0 5px 0; font-size: 0.75rem; color: #666666; font-style: italic; }
form input[type=text], form input[type=email], form input[type=password], form textarea, form select { border: 1px solid #bbbbbb; padding: 0.625rem; display: block; margin-left: 0 !important; width: 100%; color: #999999; }
form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus { /*.ninja-forms-cont form input[type=text]:focus, .ninja-forms-cont form textarea:focus, .ninja-forms-cont form select:focus*/ color: #7b7b7b; }

/* End of form section*/
.ninja-forms-response-msg { margin: 0; font-weight: 700; }

.ninja-forms-response-msg.ninja-forms-error-msg { color: #cc0000; }
.ninja-forms-response-msg.ninja-forms-error-msg p { /*ninja-forms-response-msg.ninja-forms-success-msg p*/ display: inline; padding-right: 5px; }

ninja-forms-response-msg.ninja-forms-success-msg { color: #af855b; margin: 0 0 20px; }

.ninja-forms-field-error { color: #cc0000; font-size: 0.75rem; }
.ninja-forms-field-error p { display: inline; }

.ninja-forms-error input[type=text], .ninja-forms-error textarea, .ninja-forms-error select { border-color: #cc0000; }
.ninja-forms-error .ninja-forms-field-description { font-size: 0.75rem; }
.ninja-forms-error .ninja-forms-field-description p { margin: 0 0 5px; color: #cccccc; }

.ninja-forms-cont { margin-bottom: 1.25rem; }

.field-wrap { margin-bottom: 0.5rem !important; }

/*==============================================
	IMAGES
==============================================*/
@media only screen and (max-width: 599px) { .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }

.alignnone { margin: 0 0 1em 0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 1em; }

.alignright { float: right; margin: 0 0 1em 1em; }

.alignleft { float: left; margin: 0 1em 1em 0; }

.aligncenter { display: block; margin: 0 auto; }

img, img[class*="align"], img[class*="wp-image-"] { max-width: 100%; height: auto; }

img.alignright { margin-left: 0 0 1em 1em; }

img.alignleft { margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin: 0 auto 1em; }

img[class*="align"], img[class*="wp-image-"] { border: none; }

img.wp-post-image { display: block; margin: 0 auto; margin-bottom: 1.875rem; }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption { margin-bottom: 1em; margin-left: 0; max-width: 100%; text-align: left; position: relative; }
.wp-caption img { display: block; margin: 0 auto; }

.wp-caption-text { font-size: 0.75rem; padding: 8px 5px; opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
article .pagination { margin-top: 1.25rem; margin-bottom: 1.25rem; padding: 0; display: block; }
article .pagination span, article .pagination a { /*article .pagination span, article .pagination a*/ display: inline-block; background: #3b464d; color: #ffffff; height: 20px; width: 20px; line-height: 20px; text-align: center; font-size: 0.75rem; border: none; text-decoration: none; display: inline-block; }
article .pagination span:hover, article .pagination span:focus, article .pagination span.current, article .pagination a:hover, article .pagination a:focus, article .pagination a.current { background: #fcfcf7; border: none; color: #3b464d; }
article .pagination.single { /*article .pagination.single */ }
article .pagination.single div { /*article .pagination.single div*/ display: inline-block; width: 50%; margin: 0; }
article .pagination.single div.newer { /*article .pagination.single div.newer*/ text-align: right; }

/*End of pagination section*/
/*==============================================
	BUTTONS
==============================================*/
/*Default button*/
.btn, input[type=submit], button { color: #ffffff; background: #af855b; text-transform: uppercase; font-size: 0.875rem; padding: 0.41667rem 1.25rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; /*
Button variations
Use in conjunction with btn class to inherit all properties not overwritten here
*/ /*End btn-secondary*/ /*Add other variations here as needed*/ /*End btn-small*/ }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { color: #ffffff; background: #916c46; border: 0; }
.btn.btn-secondary, input[type=submit].btn-secondary, button.btn-secondary { background: #af855b; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, input[type=submit].btn-secondary:hover, input[type=submit].btn-secondary:focus, button.btn-secondary:hover, button.btn-secondary:focus { background: #916c46; }
.btn.btn-small, input[type=submit].btn-small, button.btn-small { padding: 0.41667rem 0.625rem; font-size: 0.75rem; text-transform: uppercase; }

/*End buttons*/
br + .btn { margin-top: 0.625rem; }

/*==============================================
	MESSAGES
==============================================*/
.message { padding: 1.25rem; margin-bottom: 1.25rem; margin-top: 1.25rem; }
.message.warning { background: #fffbd7; border: 1px solid #d7c200; }
.message.error { background: #ffc6c7; border: 1px solid #c60004; }
.message.success { /*background: #91E7AD;
border: 1px solid darken(#91E7AD, 40%);*/ background: #f2ebe4; border: 1px solid #6e5236; }

/*End of messages section*/
/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive { display: block; position: relative; z-index: 1000; }
@media only screen and (min-width: 768px) { #responsive { display: none; } }
#responsive span { padding: 0.625rem; position: absolute; width: 100%; text-align: left; color: #3b464d; cursor: pointer; }
#responsive span i { font-size: 1.5625rem; }
#responsive ul { background: #3b464d; padding: 0; margin-bottom: 0; display: none; list-style: none; }
#responsive ul li { border-bottom: 1px solid #252c30; margin: 0; line-height: 2.1875rem; min-height: 2.1875rem; padding: 0; text-transform: uppercase; }
#responsive ul li a { color: #ffffff; text-decoration: none; display: block; padding: 0 0.625rem; }
#responsive ul li:last-child { border: none; }
#responsive ul li:hover { background: #30393f; color: #ffffff; }
#responsive ul li:hover > ul { opacity: 1; position: relative; top: auto; left: auto; display: block; height: auto; width: auto; white-space: normal; margin: 0; text-align: left; overflow: visible; border-top: 1px solid #252c30; position: relative; transition: opacity 0.3s ease-in-out; }
#responsive ul li ul { display: none; opacity: 0; top: -9999px; left: 0; z-index: 1; }
#responsive ul li ul li { font-size: 0.75rem; }
#responsive ul li ul li a { color: #ffffff; }
#responsive ul li ul li a:before { content: "- "; }
#responsive ul li ul li ul { display: none !important; }
#responsive ul li.menu-item-has-children { position: relative; }
#responsive ul li.menu-item-has-children > a { width: 90%; }
#responsive ul li.menu-item-has-children:before { position: absolute; top: 0; right: 10px; content: "\f107"; color: #ffffff; }

/*=================================================================================
	SLIDE SHOW
=================================================================================*/
/* Slideshow */
#slideshow { position: relative; padding: 0; z-index: 1; }
#slideshow div.cycle-slideshow { width: 100%; }
@media only screen and (max-width: 599px) { #slideshow div.cycle-slideshow { display: none; } }
#slideshow div.cycle-slideshow div { width: 100%; height: 200px; background-size: cover; }
@media only screen and (min-width: 960px) { #slideshow div.cycle-slideshow div { height: 300px; } }
#slideshow #pager { display: block; width: 100%; text-align: center; position: absolute; top: 1.25rem; z-index: 999; }
@media only screen and (max-width: 599px) { #slideshow #pager { display: none; } }
#slideshow #pager a { background: rgba(211, 211, 211, 0.7); display: inline-block; height: 12px; margin: 3px; overflow: hidden; text-indent: -999px; width: 12px; border-radius: 100px; }
#slideshow #pager a.cycle-pager-active { background: white; }

/*=================================================================================
	GALLERIES
=================================================================================*/
article .gallery { margin: 0 0 40px !important; /*End of gallery item*/ }
article .gallery a, article .gallery a:hover, article .gallery a:focus { padding: 0; margin: 0; background: none; }
article .gallery:last-of-type { margin: 0 !important; }
article .gallery .gallery-item { margin: 0 1% 0.5% 0 !important; float: none !important; display: inline-block !important; width: 15.8% !important; position: relative !important; }
article .gallery .gallery-item:nth-of-type(6n+6) { margin-right: 0 !important; }
article .gallery .gallery-item img { display: block; border: none !important; width: 100%; height: auto; }
article .gallery .gallery-item .gallery-caption { position: absolute !important; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 5px; color: #ffffff; width: 100%; font-style: normal; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; display: none; }
article .gallery .gallery-item:hover .gallery-caption { opacity: 1; }
article .gallery br { display: none; }

/*End of gallery section*/
/*=================================================================================
	MAILCHIMP
=================================================================================*/
#mc_embed_signup li { background: none; padding: 0; }

#mc_embed_signup input.mce_inline_error { border-color: #F96567 !important; }

#mc_embed_signup div.mce_inline_error { background: #F96567 !important; }

blockquote.testimonial { padding: 0; margin: 0 20px 20px; min-height: 0px; }
blockquote.testimonial cite { display: block; margin: -5px 0 0 10px; font-style: normal; font-size: 0.875rem; position: relative; }
blockquote.testimonial cite:before { content: "- "; position: absolute; top: 0; left: -8px; clear: both; }

/*End of testimonial*/
/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages 
	- Header 
		- Details (Phone number etc) 
	- Main navigation
	- Content
		- Homepage specific styles
		- Widget globals
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- Posts & Children
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body { margin: 0; padding: 0; line-height: 1.4; font-size: 1rem; color: #7b7b7b; font-family: "Hind", "Verdana", "Tahoma", sans-serif; font-weight: 400; height: 100%; min-height: 100%; }

#blackwoodcountrygates { min-height: 100%; position: relative; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a, img, span { -o-transition: all opacity 0.3s ease-in-out; -ms-transition: all opacity 0.3s ease-in-out; -moz-transition: all opacity 0.3s ease-in-out; -webkit-transition: all opacity 0.3s ease-in-out; transition: all opacity 0.3s ease-in-out; }

/*==============================================
	TYPOGRAPHY
==============================================*/
body, input, select, textarea, label, button { font-family: "Hind", "Verdana", "Tahoma", sans-serif; }

#responsive ul li.menu-item-has-children:before, article blockquote:before { font-family: 'FontAwesome'; }

h1, h2, h3, h4, h5, h6 { font-family: "Halant", "Verdana", "Tahoma", sans-serif; font-weight: 500; padding: 0; line-height: 1.1; }

h1, h2, h3, h4, h5, h6, p, ul { margin-bottom: 0.625rem; }

li, p, em, strong, th, td { font-size: 1rem; }

small { font-size: 0.75rem; }

/*==============================================
	LINKS
==============================================*/
article a, aside a { color: #4c3925; text-decoration: none; position: relative; }
article a:hover, article a:focus, aside a:hover, aside a:focus { color: #af855b; text-decoration: underline; }
article a.readmore, aside a.readmore { text-decoration: none; white-space: nowrap; }

/*=================================================================================
	HEADER
=================================================================================*/
header { background: rgba(255, 255, 255, 0.9); padding: 1.25rem 0; position: relative; margin: 0; z-index: 100; }
@media only screen and (max-width: 767px) { header { border-bottom: 0.3125rem solid #af855b; } }
@media only screen and (min-width: 768px) { header { padding: 1.25rem; } }
header #logo a.logo { display: block; max-width: 250px; margin: 0 auto; }
@media only screen and (min-width: 768px) { header #logo a.logo { margin: 0; } }
header #logo a.logo img { display: block; width: 100%; }
header #details { text-align: right; list-style: none; }
@media only screen and (max-width: 767px) { header #details { text-align: center; } }
@media only screen and (max-width: 767px) { header #details { clear: both; } }
header #details li { color: #3b464d; font-weight: 500; font-family: "Halant", "Verdana", "Tahoma", sans-serif; font-size: 1.875rem; margin: 0; line-height: 1; }
@media only screen and (max-width: 767px) { header #details li { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
@media only screen and (min-width: 768px) { header #details li:first-child { padding-top: 1.25rem; } }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav { padding: 1.25rem 0; margin: 0; width: 100%; display: none !important; z-index: 999; background: #3b464d; }
@media only screen and (min-width: 768px) { nav { display: block !important; } }
nav ul { text-align: center; margin: 0; padding: 0; font-size: 0; white-space: nowrap; }
nav ul li { color: white; font-size: 0.8125rem; font-weight: 500; display: inline-block; position: relative; margin: 0; padding: 1px 0.83333rem 0; text-transform: uppercase; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.1); /*==============================================
	DROPDOWNS
==============================================*/ /*==============================================
	SECOND LEVEL HOVER
==============================================*/ }
@media only screen and (min-width: 800px) { nav ul li { font-size: 0.875rem; } }
@media only screen and (min-width: 900px) { nav ul li { font-size: 1rem; } }
nav ul li:first-child { padding-left: 0; }
nav ul li:last-child { border: none; padding-right: 0; }
nav ul li > a { color: white; text-decoration: none; margin: 0; padding: 0; display: block; }
nav ul li > a:hover, nav ul li > a:focus, .current-menu-item nav ul li > a, .current-page-ancestor nav ul li > a, .current_page_parent nav ul li > a { color: #af855b; }
nav ul li:hover, nav ul li.current-menu-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent { background: #3b464d; }
nav ul li:hover > a, nav ul li.current-menu-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a { color: #af855b; }
nav ul li ul { position: absolute; left: 0; top: -9999px; opacity: 0; z-index: 1; visibility: hidden; background: #fcfcf7; transition: opacity 0.3s ease-in-out; }
nav ul li ul li { display: block; margin: 0; padding: 0; line-height: 25px; font-size: 0.875rem; background: #fcfcf7; /*==============================================
	THIRD LEVEL
==============================================*/ }
nav ul li ul li a { color: #af855b; padding: 0 0.625rem; margin: 0; }
nav ul li ul li a:hover, nav ul li ul li a:focus { color: #3b464d; }
nav ul li ul li:hover, nav ul li ul li.current-page-ancestor, nav ul li ul li.current-menu-item { background: #fcfcf7; }
nav ul li ul li:hover > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current-menu-item > a { color: #3b464d; }
nav ul li ul li ul { top: -9999px; left: 0; }
nav ul li ul li ul li a { background: #3b464d; }
nav ul li ul li ul li a:hover, nav ul li ul li ul li a:focus { background: #252c30; }
nav ul li:hover ul { opacity: 1.0; position: absolute; left: 0; top: 100%; display: block; height: auto; white-space: nowrap; margin-top: 0; text-align: left; visibility: visible; padding: 0.1875rem 0; /*==============================================
	THIRD LEVEL HOVER
==============================================*/ }
nav ul li:hover ul li:hover ul { top: 0; left: 100%; }

/*=================================================================================
	CONTENT
=================================================================================*/
section.container { padding: 1.25rem 1% 3.75rem; }

section#services { background: #fcfcf7; padding: 1.875rem 0; }
section#services ul { font-size: 0; list-style: none; }
section#services ul li { font-size: 0.875rem; }
@media only screen and (min-width: 600px) { section#services ul li { width: 50%; } }
@media only screen and (min-width: 768px) { section#services ul li { font-size: 0.9375rem; } }
@media only screen and (min-width: 960px) { section#services ul li { font-size: 1.125rem; } }
section#services ul li .title { display: block; color: #3b464d; font-size: 1.5625rem; line-height: 1.1; font-family: "Halant", "Verdana", "Tahoma", sans-serif; font-weight: 500; }
@media only screen and (min-width: 768px) { section#services ul li .title { font-size: 1.875rem; } }
@media only screen and (min-width: 960px) { section#services ul li .title { font-size: 2.5rem; } }
section#services ul li img { display: block; width: 100%; }
section#services ul li a { display: block; color: #af855b; font-size: 1.25rem; font-family: "Halant", "Verdana", "Tahoma", sans-serif; font-weight: 500; text-decoration: none; margin-top: 10px; }
section#services ul li a:hover { color: #6e5236; }
section#services ul li:first-child { padding: 10% 5%; }
@media only screen and (min-width: 600px) { section#services ul li:first-child { padding-bottom: 0; } }
@media only screen and (min-width: 600px) { section#services ul.even li.eight.columns:first-child { float: right; text-align: right; } }

/*=================================================================================
	ARTICLE
=================================================================================*/
article { position: relative; /*==============================================
	LISTS
==============================================*/ /*==============================================
	SMALL
==============================================*/ /*==============================================
	BLOCKQUOTES
==============================================*/ /*End of blockquote*/ /*==============================================
	TABLES
==============================================*/ /*==============================================
	EXTRAS
==============================================*/ }
article h1 { font-size: 1.875rem; margin-bottom: 0.625rem; color: #252c30; }
article h2 { font-size: 1.5625rem; margin-bottom: 0.3125rem; color: #30393f; }
article h3 { font-size: 1.25rem; margin-bottom: 0.3125rem; color: #3b464d; }
article h4, article h5, article h6 { font-size: 1.125rem; color: #3b464d; margin-bottom: 0.3125rem; }
article p { margin-bottom: 1rem; }
article ul, article ol { margin: 0 1.5625rem 1.5625rem; }
article ul li, article ol li { margin-bottom: 0.3125rem; }
article ul li ul, article ul li ol, article ol li ul, article ol li ol { /*list inside list*/ }
article ul { list-style: disc; }
article ul li { margin-bottom: 0.3125rem; }
article ol { list-style: decimal; }
article small { font-size: 0.75rem; margin: 0 0 10px; opacity: 0.7; text-transform: uppercase; }
article .date { display: block; }
article blockquote { position: relative; padding: 0; }
article blockquote.testimonials:before { content: "\f10d"; opacity: 0.5; position: absolute; top: 0; left: -18px; clear: both; }
article table { margin: 0 0 20px 0; border-collapse: collapse; width: 100%; border: 1px solid #cccccc; }
article table th, article table td { border: 1px solid #cccccc; }
article table th { padding: 3px 10px 3px; text-align: left; }
article table td { padding: 3px 10px 3px; text-align: left; }
#gate-hardware article table td { font-size: 0.75rem; vertical-align: top; width: 30%; }
#gate-hardware article table td:last-child { width: 10%; text-align: right; }
#gate-hardware article table td[rowspan] { padding: 0; }
#gate-hardware article table td[rowspan] img { padding: 0; margin: 0; width: 100%; display: block; }
@media only screen and (min-width: 768px) { #gate-hardware article table td { font-size: 1rem; } }
article hr { border-color: #cccccc; height: 1px; }
@media only screen and (min-width: 768px) { article .columns.eight:last-child { padding-left: 1.25rem; } }

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
article .page, article .post { clear: both; padding: 1.25rem 0 0; margin: 1.25rem 0 0; border-top: 1px solid #fbfbfb; }
article .page h2.title, article .post h2.title { background: none; padding: 0; margin: 0 0 0.3125rem; }
article .page h2.title a, article .post h2.title a { text-decoration: none; padding: 0; margin: 0; border-color: transparent; color: inherit; }
article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus { background: none; color: #af855b; border: none; }
article .page p, article .post p { display: inline; }
article .page .thumbnail, article .post .thumbnail { margin-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { article .page .thumbnail, article .post .thumbnail { padding-right: 1.25rem; } }
article .page .thumbnail img, article .post .thumbnail img { display: block; margin: 0.3125rem 0 0.625rem; width: 100%; height: auto; }
article .page .thumbnail a, article .page .thumbnail a:hover, article .page .thumbnail a:focus, article .post .thumbnail a, article .post .thumbnail a:hover, article .post .thumbnail a:focus { border: none; padding: 0; margin: 0; }

article .post:first-of-type { padding-top: 0; margin-top: 0; border-top: none; }

article .staff-member { clear: both; padding: 1.25rem 0 0; margin: 1.25rem 0 0; border-top: 1px solid #fbfbfb; }
article .staff-member h2.title { background: none; padding: 0; margin: 0 0 0.3125rem; }
article .staff-member h2.title span { display: block; font-weight: 400; font-size: 0.875rem; color: #3b464d; }
article .staff-member .thumbnail { margin-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { article .staff-member .thumbnail { padding-right: 1.25rem; } }
article .staff-member .thumbnail img { display: block; margin: 0.3125rem 0 0.625rem; width: 100%; height: auto; }

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside { margin: 0; padding: 0; }
@media only screen and (min-width: 768px) { aside { padding-left: 1.25rem; } }
aside .sidebar { margin: 0; padding: 0 0 1.25rem; }
@media only screen and (min-width: 768px) { aside .sidebar { text-align: right; } }
aside .sidebar li { display: block; margin: 0 0 0.1875rem; }
aside .sidebar li h3 { display: block; font-size: 1.5625rem; margin-bottom: 0; font-weight: 500; }
aside .sidebar li a { display: block; text-decoration: none; color: #af855b; font-size: 1rem; border: none; }
aside .sidebar li a:hover { color: #3b464d; }
aside .sidebar.services { margin-bottom: 0 !important; }
aside .sidebar.services .pagenav { display: block; font-size: 1.5625rem; margin-bottom: 0.625rem; font-weight: 400; }
aside iframe { width: 100%; }

/*=================================================================================
	FOOTER
=================================================================================*/
footer { background: #3b464d; width: 100%; position: absolute; bottom: 0; padding: 1.25rem 0; min-height: 50px; }
footer a { color: white; text-decoration: none; text-transform: uppercase; }
footer a:hover, footer a:focus { color: #af855b; }

/*=================================================================================
	GOOP CREDIT
=================================================================================*/
ul.goop { list-style: none; font-size: 0; text-align: center; margin: 0; }
@media only screen and (min-width: 768px) { ul.goop { text-align: left; } }
ul.goop li { font-size: 0.75rem; display: inline-block; padding: 0; line-height: 15px; vertical-align: middle; }
ul.goop li a { padding: 0 8px; margin: 0; display: block; }
ul.goop li a span { vertical-align: middle; font-size: 0.75rem; display: block; }

/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body { font-size: 100%; }

.lt-ie9 { /* WHEN TO SWITCH FROM RESPONSIVE TO REGULAR NAV*/ /*END NAV SWITCH*/ }
.lt-ie9 .services { padding-top: 60px; }
.lt-ie9 .services ul li { width: 49%; margin: 0px; }
.lt-ie9 .services ul li.left { padding-right: 15px; text-align: left; padding-top: 10%; }
.lt-ie9 .services ul li.right { padding-left: 15px; text-align: right; padding-top: 10%; }
.lt-ie9 .services ul li span.title { font-size: 3.125rem; line-height: 45px; margin-bottom: 10px; }
.lt-ie9 .services ul li span.title span { font-size: 3.125rem; display: block; }
.lt-ie9 #responsive { display: none; }
.lt-ie9 nav { display: block !important; }
.lt-ie9 #slideshow { margin-top: -100px; }
.lt-ie9 #slideshow div.cycle-slideshow { height: 500px; }
.lt-ie9 #slideshow div.cycle-slideshow div { height: 500px; }
.lt-ie9 #slideshow #pager { top: -360px; }
.lt-ie9 #slideshow #pager a { height: 20px; margin: 6px; width: 20px; }
.lt-ie9 header { padding: 5px 0; }
.lt-ie9 header #details { margin-top: 15px; }
.lt-ie9 html, .lt-ie9 body { font-size: 1rem; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser { text-align: center; padding: 0; background: #ffffcc; margin: 0; font-size: 70%; width: 100%; border-bottom: 1px solid #cccccc; font-family: "Hind", "Verdana", "Tahoma", sans-serif; z-index: 10000; position: relative; }

#browser span { display: block; width: 960px; margin: 0 auto; padding: 3px; color: #666666; }

#browser span a { color: #000; text-decoration: none; }

#browser span a:hover, #browser span a:focus { background: none; color: #000; text-decoration: underline; }