/*
Theme Name: Rabbitdigital Design
Theme URI: https://underscores.me/
Author: Warren O\'Donoghue
Author URI: https://www.rabbitdigital.com
Description: This is the where I show you what I do.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: rabbitwarren
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Rabbitdigital Design is based on Underscores https://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
and Blueprint https://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
	2.1 - Custom Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
--------------------------------------------------------------*/

/*--- 1.0 - Reset ---*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body.custom-background {
	background: url('https://www.rabbitdigital.com/wp-content/uploads/2014/05/rabbitdigital-banner-2014.jpg') repeat-x center top;
	background-size: auto 550px;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units https://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see https://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see https://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------*/
/*--- 2.0 Typography ---*/
body,
button,
input,
select,
textarea {
	color: #dfdfdf;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	/*** font-size: 1.6rem; *** Chrome No Likey ***/
	line-height: 1.8;
}
h1, h2, h3, h4, h5, h6 {
	/** OUT BY WOZ clear: both; **/
}
h1 {
	font-size: 180%;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 145%;
	color: #3399cc;
	font-style: italic;
	line-height: 1.4;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 135%;
	font-weight: 500;
	color: #a9ce3f;
	line-height: 1.5;
	margin-bottom: 0.3em;
}
h4 {
	font-size: 120%;
	margin-bottom: 0.25em;
}
h5 {
	font-size: 110%;
	font-style: italic;
	margin-bottom: 0.25em;
}
h6 {
	font-size: 100%;
	font-weight: 700;
	color: #3399cc;
}
p {
	margin-bottom: 1em;
}
p.post-intro {
	font-weight: 700;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
/*--- 2.1 Custom Typography ---*/
#post-22 h1.entry-title,
#post-1568 h1.entry-title,
#post-16 h1.entry-title,
#post-3623 h1.entry-title,
#post-3639 h1.entry-title {
	text-align: center;
}
h3.bighead {
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
}

/*--------------------------------------------------------------*/
/*--- 3.0 Elements ---*/
hr {
	background-color: #1F3549;
	border: 0;
	border-style: dotted;
	height: 1px;
	margin-bottom: 1em;

}
ul, ol {
	margin: 0 0 1em 2em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
img.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
ul.colour-swatch {
	list-style: none;
	margin: 0;
}
ul.colour-swatch .colourbox {
	display: inline-block;
	width: 50px;
	margin: 5px 10px 5px 0;
}

/*--------------------------------------------------------------*/
/*--- 4.0 Forms ---*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 2px;
	background: #a9ce3f; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9ce3f 0%, #4db547 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9ce3f), color-stop(100%,#4db547)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9ce3f 0%,#4db547 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9ce3f 0%,#4db547 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9ce3f 0%,#4db547 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9ce3f 0%,#4db547 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9ce3f', endColorstr='#4db547',GradientType=0 ); /* IE6-9 */
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 16px;
	line-height: 1;
	padding: .6em 1em .6em 1em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #a9ce3f; /* Old browsers */
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #a9ce3f; /* Old browsers */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #1F3549;
	background-color: #6699cc;
	border: none;
	border-radius: 2px;
	width: 100%;
}
input[type="text"]#fscf_captcha_code1 {
	min-width: 60px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}
input.rds {
	width: 70%;
	max-width: 20em;
	padding: 0.1em 0.1em 0.1em 1.5em;
	background: #6699cc url('images/searchsymbol.png') no-repeat 5px 9px;
	height: 2.2em;
}
/*** Search Input Placeholder Text Colour ***/

::-webkit-input-placeholder { /* WebKit browsers */
    color: #1F3549;
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #1F3549;
    font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #1F3549;
    font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #1F3549;
    font-style: italic;
}

/*--------------------------------------------------------------*/
/*--- 5.0 Navigation ---*/

/*--------------------------------------------------------------*/
/*--- 5.1 Links ---*/
a {
	color: inherit;
}
a:visited {
	color: inherit;
}
a:hover,
a:focus,
a:active {
	color: #a9ce3f;
	text-decoration: none;
}

/*--------------------------------------------------------------*/
/*--- 5.2 Menus ---*/

#site-navigation {
	width: 100%;
	max-width: 80em;
	clear: both;
	z-index: 9999999;
}
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation .menu {
	display: block;
	margin: 0 auto;
	width: 80%;
	font-weight: 400;
	padding: 0 0 2.98em 0;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul li {
	float: left;
	position: relative;
	width: 20%;
	background-color: rgba(31, 53, 73, .85);
}
.main-navigation li a {
	color: #3399cc;
	width: 100%;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.main-navigation li a:hover {
	color: #fff;
}
.main-navigation a,
.menu-toggle {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: .6em .7em;
	text-shadow: 0 -0.1em rgba(0,0,0,0.35);
}
.main-navigation li:first-of-type,
.main-navigation li:first-of-type a {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
.main-navigation li:last-of-type,
.main-navigation li:last-of-type a {
	border-bottom-right-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
.main-navigation li li:first-child a {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0.2em;
}
.main-navigation li li:last-child a,
.main-navigation ul ul {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
}
.main-navigation ul ul {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 2.97em;
	z-index: 1002;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	color: #2a324f;
	width: 14.5em;
	text-shadow: none;
	text-align: left;
	background-color: rgba(235, 241, 241, .9);
}
.main-navigation ul ul li {
	width: 100%;
}
.main-navigation ul ul :hover > a {
	color: #fff;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.single-post #menu-item-74 a {
	color: #fff;
	background-color: rgba(31, 53, 73, .85)
}
li.home-nav a:hover {
	background-color: rgba(176, 31, 35, .9);
}
li.about-nav a:hover {
	background-color: rgba(248, 164, 25, .9);
}
li.services-nav a:hover {
	background-color: rgba(77, 181, 71, .9);
}
li.contact-nav a:hover {
	background-color: rgba(30, 112, 180, .9);
}
li.news-nav a:hover,
.single-post #menu-item-74 a:hover {
	background-color: rgba(117, 54, 130, .9);
}

li.home-nav a:hover,
li.about-nav a:hover,
li.services-nav a:hover,
li.contact-nav a:hover,
li.news-nav a:hover {
	text-shadow: 0 0.063em 0 rgba(0,0,0,0.5);
}
/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------*/
/*--- 6.0 Accessibility ---*/

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------*/
/*--- 7.0 Alignments ---*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	text-align: center;
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------*/
/*--- 8.0 Clearings ---*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------*/
/*--- 9.0 Widgets ---*/

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

#web-cheshire-widget {

}
.full-width-pg-widget {
	background-color: #182938;
	overflow: hidden;
	padding: 1.5em 0;
	margin: 0 0 2em 0;
}
.page-widget-inner {
	width: 100%;
	max-width: 80em;
	margin: 0 auto;
}
/*--------------------------------------------------------------*/
/*--- 10.0 Content ---*/

/*--------------------------------------------------------------*/
/*--- 10.1 Posts and pages ---*/

.sticky {
}
.hentry {
	margin: 0 0 2em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.post-thumb-news a img {
	border-radius: 0.2em;
	display: block;
	overflow: hidden;
	width: 4em;
	height: 4em;
	border: 0.3em solid #ccc;
	float: left;
	margin-right: 1%;
}
.post-thumb-news a:hover img {
	border: 0.1em solid #fff;
}
.blog-posts {
	float: left;
	width: 85%;
}
h3.entry-title a {
	color: #a9ce3f;
	font-size: 120%;
	line-height: 1.2;
	font-style: italic;
	font-weight: 300;
	text-decoration: none;
}
h3.entry-title a:hover {
	color: #3399cc;
	text-decoration: none;
}
.entry-meta,
.hatom-extra {
	font-size: 90%;
	color: #3399cc;
}
.entry-meta a,
.hatom-extra a {
	text-decoration: none;
}
.hatom-extra {
	margin-bottom: 0.5em;
	font-style: italic;
	text-align: center;
}
footer.entry-footer {
	background-color: rgba(31, 53, 73, .85);
	border-radius: 0.2em;
	padding: 0.25em 0.75em;
	font-size: 90%;
}
.entry-summary p {
	clear: both;
}
.rdd-cat-page p {
	clear: both;
	padding-top: 0.75em;
	margin-bottom: 0.5em;
	font-style: italic;
}
span.read-more-but a {
	border: none;
	border-radius: 2px;
	background: #1d76bb; /* Old browsers */
	background: -moz-linear-gradient(top,  #1d76bb 0%, #2d3f7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d76bb), color-stop(100%,#2d3f7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1d76bb 0%,#2d3f7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1d76bb 0%,#2d3f7f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1d76bb 0%,#2d3f7f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1d76bb 0%,#2d3f7f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d76bb', endColorstr='#2d3f7f',GradientType=0 ); /* IE6-9 */
	padding: .1em 0.5em .1em 0.5em;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
	font-style: normal;
	margin: 0 0 0.5em 0.5em;
	display: inline-block;
	text-decoration: none;
}
span.read-more-but a:hover {
	background: #2D3F7F; /* Old browsers */
	color: inherit;
}

/* Testimonials */

#testimonial {
	margin: 1em 0;
	border-bottom: 1px dotted #1F3549;
}
#testimonial img {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	float: left;
	margin: 0 2% 0 0;
}
#testimonial h3 {
	margin: 0;
	color: #3399cc;
	font-size: 145%;
	font-style: italic;
	line-height: 1.4;
}
#testimonial h4 {
	font-size: 110%;
	color: #a9ce3f;
	line-height: 1.5;
}

/* Design Blocks */

.designs {
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
.designs ul {
	margin: 0;
	list-style: none;
}
.designs li {
	width: 30.3%;
	float: left;
	text-align: center;
	margin: 1em 1.5%;
}
.designs li a {
	display: block;
	text-decoration: none;
}
.designs img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	max-width: 380px;
	height: auto;
	width: 100%;
}
.designs a img {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.designs a:hover img {
	opacity: 0.5;
}

/* Tooltips! */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 500;
  border: 12px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 499;
  padding: 8px;
  width: 66%;
  background-color: color: #b01f23;
  background-color: hsla(358, 70%, 41%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -33%;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-22px);
  -moz-transform:    translateY(-22px);
  transform:         translateY(-22px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 50%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -23px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #b01f23;
  border-bottom-color: hsla(358, 70%, 41%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(22px);
  -moz-transform:    translateY(22px);
  transform:         translateY(22px);
}

/* END Design Blocks */

.centre-text-etc {
	text-align: center;
}

.contactmiddle {
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	padding: 2em 0 0 0;
}
.contactmiddle input[type="submit"] {
    padding: 0.6em 1em;
    text-transform: uppercase;
    width: 100%;
}

/* Bio Warren O'Donoghue */

#bio {
	width: 100%;
	max-width: 80em;
	overflow: hidden;
	margin: 0 auto;
}
#bio ul {
	list-style: none;
	margin: 0;
	padding: 1.5em 0;
}
#bio li {
	margin: 1em 1.5%;
	padding: 0;
	float: left;
}
#bio .about {
	width: 63%;
}
#bio .photo {
	width: 30.3%;
	text-align: center;
}
#bio img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Page News Posts Excerpts */

.home-latest-posts {
	display: inline-block;
	border-top: 1px solid #182938;
	border-bottom: 1px solid #182938;
	width: 100%;
	padding: 2em 0;
}
.inner {
	max-width: 80em;
	width: 100%;
	margin: 0 auto;
}
.home-latest-posts h3 {
	text-align: center;
}
.home-latest-posts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.home-latest-posts li {
	width: 30.1%;
	margin: 1em 1.5%;
	float: left;
	padding: 1%;
	background-color: #182938;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 190px;
}
.home-latest-posts .excerpt {
	float: left;
	margin-top: 0.25em;
}
.home-latest-posts .excerpt-dash {
	display: none;
}
.home-latest-posts a.title {
	color: #3399cc;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
}
.home-latest-posts a.title:hover {
	text-decoration: underline;
}

/* Page Testimonials Excerpts */

.page-testimonials {
	text-align: center;
}
.page-testimonials ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
	margin: 1em 0 2.5em 0;
}
.page-testimonials li {
	width: 25%;
	float: left;
	padding: 1em 2%;
}
.page-testimonials a {
	text-decoration: none;
	text-align: center;
	display: block;
}
.page-testimonials h5 {
	color: #a9ce3f;
	line-height: 1.4;
}
.page-testimonials img {
	width: 100%;
	max-width: 165px;
	height: auto;
	max-height: 165px;
   -webkit-border-radius: 82px;
   -moz-border-radius: 82px;
   -ms-border-radius: 82px;
   -o-border-radius: 82px;
	border-radius: 82px;
}
.page-testimonials .readmore {
	text-decoration: underline;
}
.page-testimonials button {
	text-align: center;
	margin: 0 auto;
	align-content: ;
}
/* Schema Box */
#snippet-box {
	display: none;
}
/*--------------------------------------------------------------*/
/*--- 10.2 Asides ---*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------*/
/*--- 10.3 Comments ---*/
.comments-area {
	font-size: 85%;
}
h2.comments-title {
	margin-bottom: 1em;
	font-size: 150%;
	font-weight: 300;
}
h2.comments-title span {
	font-weight: 500;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-content p {
	margin-bottom: 0.75rem;
}
.bypostauthor {
	padding: 1em;
	background-color: rgba(31, 53, 73, .85);
	margin-bottom: 1em;
	border-bottom: 10px solid #fff;
	display: block;
}
.comments-area b.fn {
	font-style: italic;
	font-size: 150%;
	font-weight: 300;
	color: #a9ce3f;
}
.comments-area span.says {
	font-style: italic;
}
.comments-area img.avatar {
	position: relative;
	top: 0.8rem;
}
ol.comment-list li {
	border-bottom: 1px dotted #1F3549;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
ol.comment-list li li,
ol.comment-list li li li {
	border-bottom: none;
	margin-bottom: 0;
}
.comment-meta a {
	text-decoration: none;
}
/*--------------------------------------------------------------*/
/*--- 11.0 Infinite scroll ---*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------*/
/*--- 12.0 Media ---*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 100%;
}
.wp-caption-text {
	text-align: left;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/*--- Rabbitwarren custom gallery ---*/
#content .wp-caption {
	color: #39C;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 0;
}
#content .wp-caption img {
	margin: 0 0 10px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	margin-left: 0;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 5px solid #f1f1f1;
}
#content .gallery-caption {
	color: #888;
	font-size: 12px;
	margin:-24px 0 24px 0;
}
#content .gallery br+br {
	display: none;
}
/*--- END Rabbitwarren custom gallery ---*/

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--- CUSTOM LAYOUTS ---*/

/*--- Header ---*/
#masthead {
	max-width: 80em;
	margin: 0 auto 2em auto;
}
.site-branding {
	display: block;
}
#logo {
	margin: 0 auto;
	width: 18.750em;
}
.site-description {
	color: #fff;
	display: block;
	margin-bottom: 1em;
	font-style: italic;
	font-weight: 300;
	font-size: 150%;
	width: 100%;
	text-align: center;
}
/*--- Content Area ---*/
#content {

}
#boxall {
	max-width: 80em;
	margin: 0 auto;
}
#page {
	background: url('images/footer-bg.jpg') no-repeat center bottom;
}
.contactright-home,
.contactright {
	float: right;
	width: 20%;
	margin: 0 0 1em 1em;
	display: inline-block;
}
.intro {
	width: 100%;
}
.main-services-outer {
	width: 100%;
	max-width: 80em;
	margin: 0 auto;
	padding: 1.5em 0;
}
nav.main-services br {
	display: none;
}
nav.main-services ul {
	list-style: none;
	display: inline-block;
	width: 100%;
	margin: 0 0 1em 0;
}
nav.main-services li a {
	width: 25%;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
}
nav.main-services li a,
nav.main-services li a img {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
nav.main-services li a:hover img {
	-moz-transform: scale(0.9) rotate(10deg);
	-webkit-transform: scale(0.9) rotate(10deg);
	-o-transform: scale(0.9) rotate(10deg);
	-ms-transform: scale(0.9) rotate(10deg);
	transform: scale(0.9) rotate(10deg);
}
nav.main-services span {
	display: inline-block;
}
nav.main-services span.title {
	font-size: 150%;
	margin: 0.2em 0;
	line-height: 1.2;
	width: 100%;
}
nav.main-services span.desc {
	font-size: 80%;
	line-height: 1.4;
}
.project-work {
	overflow: hidden;
	width: 100%;
	margin: 0 0 2em 0;
	text-align: center;
}
.project-work h3 {
	margin: 0 0 1em 0;
}
.project-work p {
	display: none;
}
.project-work a {
	text-decoration: none;
}
.project-work .recent200,
.project-work .recent {
	float: left;
	width: 25%;
	margin: 0 0 1em 0;
}
.columns2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
.colleft {
	float: left;
	width: 48%;
}
.colright {
	float: right;
	width: 48%;
}
.site-info {
	font-size: 80%;
	margin: 1em 0;
	clear: both;
	text-align: center;
}
#portfolio {
	width: 48%;
	float: left;
	min-height: 30em;
	border-top: 1px dotted #1F3549;
	margin-right: 2%;
}
ol.logo-list {
	margin: 0 0 1em 0;
	overflow: hidden;
}
ol.logo-list li {
	margin: 0 0 1em 0;
}
ol.logo-list img {
	margin: 0 2.5em 0 0;
}

/*--- Sidebar ---*/
.content-area {
	float: left;
	margin: 0 -25% 0 0;
	width: 100%;
}
.site-main {
	margin: 0 25% 0 0;
}
.content-area-full {
	float: left;
	width: 100%;
}
.content-area-full .site-main {
	margin: 0 0 0 0;
}
.site-content .widget-area {
	float: right;
	overflow: hidden;
	width: 24%;
	padding-left: 1.5%;
	border-left: 1px dotted #1F3549;
}
.widget-area h3.widget-title {
	color: #3399cc;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 120%;
	margin-bottom: 0.25em;
	padding: 0.2em 0 0.2em 1em;
}
#footer-sidebar ul,
.widget-area ul {
	list-style: none;
	margin: 0 0 1em 0;
}
#footer-sidebar ul li,
.widget-area ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.1em 1.2em;
	background: url('images/bullet.png') no-repeat left 0.4em;
	line-height: 1.4;
}
#footer-sidebar li a,
.widget-area li a {
	color: #dfdfdf;
	text-decoration: none;
	display: block;
}
#footer-sidebar li a:hover,
.widget-area li a:hover {
	color: #3399cc;
	text-decoration: none;
}
/*--- Footer ---*/
.site-footer {
	clear: both;
	width: 100%;
}
#footer-sidebar {
	display:block;
	height: 250px;
}

#footer-sidebar1 {
	max-width: 80em;
	margin: 0 auto 0 auto;
}
#footer-sidebar1 aside {
	width: 33.333%;
	float: left;
}
/*--- END CUSTOM LAYOUTS ---*/

/*--- OLD SITE ---*/
/*--- PORTFOLIO LAYOUTS ---*/
.recent200 {
	float: left;
	margin: 0 .6%;
}
.recent img,
.recent200 img {
	padding: 0 2%;
}
.recent a,
.recent200 a {
	display: block;
	line-height: 1.2;
}
.alignright-up-40px {
	float: right;
}
/*--- END PORTFOLIO LAYOUTS ---*/
/*--- END OLD SITE ---*/

/*--- RESPONSIVE ---*/

@media screen and (max-width: 80em) {
	html,
	body
	 {
		font-size: 97%;
	}
	body.custom-background {
		background-size: auto 360px;
	}
	#masthead {
		margin: 0 auto 1em auto;
	}
	#logo {
		width: 14.0em;
	}
	.site-description {
		font-size: 120%;
		line-height: 1.1;
		margin-bottom: 0.75em;
	}
	#boxall,
	.site-footer {
		padding: 0 2%;
	}
	#recent-comments-4,
	#archives-3 {
		display: none;
	}
	/*--- Search Button ---*/
	#searchform input[type="submit"] {
		padding: .6em .5em .6em .5em;
	}
	.recent200 {
		min-height: 13em;
	}
}

@media screen and (max-width: 37.5em) {
	body.custom-background {
		background: none;
		background-image: none;
	}
	#masthead {
		margin: 0 auto 1em auto;
	}
	#logo {
		width: 12.0em;
	}
	.site-description {
		display: none;
	}
	span.menu-toggle {
		background: url('images/hamburger.png') no-repeat 10px 10px;
		padding: 0.6em 0.5em 0.5em 3em;
		text-align: left;
		font-size: 1.1em;
		line-height: 1.1em;
		font-size: 1.3em;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation .menu {
		display: none;
		width: 100%;
		padding: 0;
	}
	span.menu-toggle,
	.main-navigation .menu {
		background-color: rgba(12, 21, 30, .9);
	}
	.main-navigation a {
		padding: .015em .5em;
	}
	.main-navigation ul li {
		margin: 0;
		width: 100%;
		float: none;
		border-top: 1px solid rgba(40, 75, 141, 0.25);
	}
	.main-navigation ul li a {
		text-align: left;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		display: block;
		clear: both;
		font-size: 1.3em;
	}
	.main-navigation ul ul {
		box-shadow: none;
		display: block; /*** This bit hides the sub menus, make block if not working ***/
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
		background: inherit;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.main-navigation ul ul li a {
		width: 100%;
		padding-left: 25px;
		background-color: inherit;
		color: inherit;
	}
	.main-navigation li:first-of-type,
	.main-navigation li:first-of-type a {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.main-navigation li:last-of-type,
	.main-navigation li:last-of-type a {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

	.main-navigation li li:first-child a {
		-moz-border-radius-topleft: 0;
		-webkit-border-top-left-radius: 0;
		 border-top-left-radius: 0;
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
		border-top-right-radius: 0;
	}
	.main-navigation li li:last-child a {
		-moz-border-radius-bottomright: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-bottom-left-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom: 1px solid rgba(40, 75, 141, 0.25);
	}

	/*--- Sidebar ---*/

	.content-area {
		float: none;
		margin: 00;
		width: 100%;
	}
	.site-main {
		margin: 0;
	}
	.site-content .widget-area {
		float: none;
		width: 100%;
		padding-left: 1.5%;
		border-left: none;
	}
	input.rds {
		width: 80%;
		max-width: 80%;
		padding: 0.6em 0.2em 0.6em 2.3em;
		height: 3.0em;
	}
	#footer-sidebar {
		display: none;
	}
	/*--- Gallery ---*/
	#content .gallery .gallery-item {
		text-align: center;
		width: 100%;
	}
	/*--- Search Button ---*/
	#searchform input[type="submit"] {
		padding: .6em 1em .6em 1em;
	}
	/*--- Home etc ---*/
	.contactright {
		float: none;
		width: 100%;
	}
	.intro {
		width: 100%;
	}
	nav.main-services li a {
		width: 50%;
		min-height: 18em;
	}
	.topcontact {
		display: none;
	}
	.project-work .recent200,
	.project-work .recent {
		width: 50%;
	}
	.recent200 {
		min-height: 10em;
	}
	.mobpicfix {
		width: 33.3%;
	}
	.columns2 {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}
	/*--- Layout ---*/
	.blog-posts {
		width: 77%;
		padding-left: 2%;
	}
	footer.entry-footer {
		font-size: 85%;
		line-height: 1.4;
	}

	/*--- Fonts Type Size ---*/
	h1 {
		font-size: 135%;
	}
	h2 {
		font-size: 120%;
	}
	h3 {
		font-size: 110%;
	}
	h4, h5, h6 {
		font-size: 97%;
		line-height: 1.5;
	}

	.entry-meta,
	.hatom-extra {
		font-size: 80%;
		line-height: 1.1;
	}
	/*--- OLD LEGACY ---*/
	#portfolio {
		width: 100%;
		float: none;
		margin-right: 0%;
	}

	/* Design Blocks */

	.designs li {
		width: 100%;
		float: none;
		text-align: center;
		margin: 1em 0;
	}

	/* Latest Posts on Page */

	.home-latest-posts li {
		width: auto;
		margin: 1em 2%;
		padding: 4%;
		float: none;
		min-height: 100px;
		height: auto;
		overflow: hidden;
	}

	/* My Bio on Pages */

	#bio ul {
		list-style: none;
		margin: 0;
		padding: 1.5em 0;
	}
	#bio li {
		margin: 1em 2%;
		padding: 0;
		float: none;
	}
	#bio .about {
		width: auto;
	}
	#bio .photo {
		width: auto;
	}

	/* Page Testimonials Excerpts */

	.page-testimonials ul {
		list-style: none;
		padding: 0;
		overflow: hidden;
		margin: 0.5em 0 1em 0;
	}
	.page-testimonials li {
		width: auto;
		float: none;
		padding: 1em 2%;
	}
}

/***--- END RESPONSIVE ---***/