/* @override 
	http://www.hattonslaw.com/wp-content/themes/hattons/style.css */

/* ---------------------------------------------------
	Theme Name: Hattons Law
	Theme URI: http://www.cultivatecreative.co.uk
	Version: 1.0
	Media: Screen
	Author: Cultivate Creative
	Edit Date: 25/02/2015
---------------------------------------------------
COLOURS

Red - #e1231c
Green - #3bc25c
Orange - #ef9a27
Blue - #3c9cec
Purple - #b81178
Gold - #a09044
----------------------------------------------------- */

/* SIMPLE RESET
========================================================================================*/
body,ul,li,div,p,h1,h2,h3,h4,h5,h6  
{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background: transparent;line-height: 1.385;}

a img {
	border: none;
}

a, a:hover, a:active { 
	outline: none;
}

html {
	min-width: 1100px;
	-webkit-font-smoothing: antialiased;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=submit],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

/* CLEARFIX - For modern browsers
========================================================================================*/
.cf:before,
.cf:after {
	content:"";
	display:table;
}
 
.cf:after {
	clear:both;
}

/* apply a natural box layout model to all elements, but allowing components to change
http://www.paulirish.com/2012/box-sizing-border-box-ftw/
========================================================================================*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* ROOT
========================================================================================*/
body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	text-rendering: optimizeLegibility;
	color: #333;
}

.wf-active body { 
  /* These styles are used when Typekit web fonts are active */  
  font-family: "aktiv-grotesk-std", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  
  font-weight: 400;
  font-style: normal;
}

/* TYPOGRAPHY
========================================================================================*/
h1 { 
	font-weight: 700;
	font-style: normal;
	margin-bottom : 1em;
	font-size : 3em; /* 48 / 16 = 3 */
	line-height : 1.3;
}

h2 { 
	font-weight: 700;
	font-style: normal;
	margin-bottom : 1em;
	font-size : 1.5em; /* 24 / 16 = 1.5 */
}

h3 { 
	font-weight: 700;
	font-style: normal;
	margin-bottom : 1.25em;
	font-size : 1.25em; /* 20 / 16 = 1.25 */
	line-height : 1.25;
}

h4 { 
	font-weight: 700;
	font-style: normal;
	margin-bottom : 1.5em;
	font-size : 1em; /* 16 / 16 = 1 */
}

h5 { 
	margin-bottom : 1.5em;
	font-size : 0.875em; /* 14 / 16 = 0.875 */
}

h6 { 
	font-size: 0.875em; /* 14 / 16 = 0.875 */
}

p, 
ol, 
ul, 
dl, 
address { 
	margin-bottom: 1.5em; 
	font-size: 0.875em; /* 14 / 16 = 0.875 */
	line-height: 1.6;
}

ul, 
ol { 
	margin: 0 0 1.5em 0; 
	padding-left: 24px;
}

ul { 
	list-style-type: disc;
}

ol { 
	list-style-type: decimal;
}

li ul, 
li ol { 
	margin: 0;
	font-size: 0.875em; /* 14 / 16 = 0.875 */
}

dl, 
dd { 
	margin-bottom: 1.5em;
}

dt { 
	font-weight: normal;
	font-size : 1.5em; /* 24 / 16 = 1.5 */
}

dd {
  margin-left: 0;
}

blockquote  { 
	margin: 0 0 1.5em 0; 
	padding-left: 24px; 
	border-left: 1px solid rgb(200,200,200);
	font-style: italic;
	font-weight: 400;
}

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

b, 
strong	{ 
	font-weight: 700;
	font-style: normal;
}

i, 
em { 
	font-weight: 400;
	font-style: italic;
}

sup, 
sub { 
	position: relative;
	font-size: 35%; 
	line-height: 0;
}

sup { 
	top : -.4em;
}

sub { 
	bottom : -.25em;
}

address { 
	font-style : normal;
}

pre { 
	margin-bottom : 1.5em; 
	white-space : pre; 
	white-space : pre-wrap; 
	word-wrap : break-word;
}

pre, 
code { 
	font : .875em 'andale mono', 'lucida console', monospace; 
	line-height : 1.5;
}

small {
	font-size : 0.75em; /* 12 / 16 = 0.75 */
}

/* LINKS
========================================================================================*/
a, 
a:visited {
	outline : none;
	color: #333;
	text-decoration : underline;
}
 
a:hover { 
	outline: none;
	color: #999; 
	text-decoration:  none;
}
 
a:active, 
a:focus { 
	outline: none;
	color: #999;
}

a:link{-webkit-tap-highlight-color:#e6f7f9;}

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 20px;
	background: url(assets/pdficon.png) left center no-repeat;
}

/* GENERAL
========================================================================================*/

::-moz-selection{background:#e6f7f9;text-shadow:none; /* Firefox */ }
::selection{background:#e6f7f9;text-shadow:none; /* Safari */ }

.left,
.alignleft {
	float: left;
}

.right,
.alignright {
	float: right;
}

.col {
	width: 230px;
	margin: 0 10px 20px 10px;
}

.two-col {
	width: 480px;
	margin: 0 10px 20px 10px;
}

.container,
.full-width {
	width: 1000px;
	margin: 0 auto;	
	position: relative;
}

.red {
	background-color: #e1231c !important;
}

.yellow {
	background-color: #ffc527;
}

.light-green {
	background-color: #95d328; 
}

.green {
	background-color: #3bc25c;
}

.light-orange {
	background-color: #ef9a27;
}

.orange {
	background-color: #ef9a27;
	background-color: #f44f2c;
}

.blue {
	background-color: #3c9cec;
}

.turquoise {
  background-color: #47d0d2;
}

.purple {
	background-color: #995bb4;
}

.violet {
	background-color: #b81178;
}

.gold {
	background-color: #a09044;
}

.grey {
	background-color: #333333;
}

.page-title {
	color: #fff;
	margin: 0;
}

.section-title {
	border-bottom: 1px solid;
	margin-left:  10px;
	margin-right:  10px;
}
.section-title span {
	display: block;
	width: 115px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	padding-left: 10px;
}

.btn  {
	font-weight: 400;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #000;
	padding: 10px 15px;
}

input type=["text"],
input type=["submit"],
textarea {
  -webkit-appearance: none;
   border-radius: 0;
}

/* HEADER
========================================================================================*/
.preheader {
	background: #000;
	height: 50px;
}

.social-links {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 50px;
}

.social-links li {
	display: inline;
	float: left;
	line-height: 50px;
}

.social-links li svg {
	float: left;
	height: 50px;
}

.social-links li a {
	display: inline-block;
	float: left;
	margin-right: 15px;
	height: 50px;
	line-height: 50px;
}

.social-links a:hover svg path {
	fill: #e1231c;
}

.searchform {
	float: right;
	height: 50px;
	line-height: 50px;
}

input[type=search] {
  font-family: "aktiv-grotesk-std", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 83%;
	color: #fff;
	background: url(assets/search.svg) no-repeat right center;
	background-size: 19px 19px;
	outline: none;
	border: none;
	border-bottom: 1px solid #fff;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	padding: 4px 22px 4px 0;
	width: 120px;
	border-radius: 0;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	        transition: all .5s;
}

input[type=search]:focus {
	width: 200px;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}

.login {
  float: right;
  color: #fff;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  font-size: 0.875em;
  padding: 0 20px;
}

.login .text {
   color: #fff; 
}

.login .icon {
  display: block;
  float: left;
  line-height: 60px;
  height: 50px;
  margin-right: 6px;
}

.polish-flag {
	height: 50px;
	line-height: 55px;
	display: block;
	float: right;
}

.logo {
	float: left;
	width: 186px;
	height: 50px;
	display: block;
	border:none;
	margin: 25px 45px 0 0;
}

.header .tel {
	font-size: 1.875em;
	text-decoration: none;
	height: 100px;
	line-height: 100px;
}

/* NAV - General inline full width nav
========================================================================================*/
.nav {
	float: right;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

.nav li {
	line-height: 100px;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.nav a {
	float: left;
	display: inline-block;
	text-decoration: none;
	margin-left: 20px;
	padding-left: 10px;
}


.sub-menu {
	width: 230px;
	padding: 0;
	list-style: none;
	float: right;
	clear: right;
}

.sub-menu a {
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	color: #333;
	padding: 4px 0;
	border-bottom: 1px solid #333;
}

.sub-menu a::before {
	content: "- ";
}

.sub-menu .page_item_has_children a::before,
.sub-menu .menu-item-has-children a::before,
.sub-menu .children .page_item_has_children a::before {
	content: "+ ";
}

.sub-menu .current_page_item a::before,
.sub-menu .current_page_ancestor a::before,
.sub-menu .children .current_page_item a::before,
.sub-menu .children .current_page_ancestor a::before  {
	content: "- ";
}

.sub-menu a:hover {
	color: #999;
}

.sub-menu .children,
.sub-menu .sub-menu {
	display: none;
	list-style: none;
	padding: 0;
}

.sub-menu .current_page_item .children,
.sub-menu .current_page_parent .children,
.sub-menu .current_page_ancestor .children,
.sub-menu .sub-menu  {
	display: block;
}

.sub-menu .children .children {
	display: none;
	list-style: none;
	padding-left: 0;
}

.sub-menu .children .current_page_item .children,
.sub-menu .children .current_page_parent .children,
.sub-menu .children .current_page_ancestor .children { 
	display: block;
}

.sub-menu .children .children li {
  padding-left: 10px;
}

.sub-menu .current_page_item a,
.sub-menu .current-menu-item a {
	color: #e1231c;
}

.sub-menu .children a,
.sub-menu .current_page_item .children a,
.sub-menu .current-menu-item .sub-menu a {
	font-size: 1.3em;
	color: #999;
	border-bottom: none;
}

.sub-menu .children a:hover {
	color: #333;
}

.sub-menu .children .current_page_item a {
	color: #e1231c;
}

.sub-menu .current_page_item .children a {
	font-size: 1.4em;
	color: #999;
}

.sidebar h4 {
	font-size: 0.875em;
	font-weight: 400;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
}

.categories,
.archives {
	list-style: none;
	padding: 0;
}

.categories a,
.archives a {
	text-decoration: none;
	display: block;
	color: #999;
	padding: 4px 0;
}

.categories a:hover,
.archives a:hover {
	color: #333;
}

.categories a::before,
.archives a::before {
	content: "– ";
}

.breadcrumbs {
  font-size: 0.75em;
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
}

/* CONTENT
========================================================================================*/
.flexslider { /* SET WIDTH & HEIGHT TO SUIT */
	width: auto;
	min-width: 1000px;
	height: 450px;
	margin: 0 auto 40px;
	background: none;
	border: none;
	position: relative;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
		    box-shadow: none;
	zoom: 1;
}

.flexslider li {
	height: 450px;
	position: relative;
}

/* https://github.com/woothemes/FlexSlider/issues/848#issuecomment-42573918 */
.flexslider.loading .slides > li:first-child { opacity: 1 !important; }

.flexslider .text-content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 90px;
	height: 360px;
}

.flexslider h2 {
	font-size: 3em;
	line-height: 1.1;
	color: #fff;
	width: 480px;
}

.flexslider .btn {
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}

.flex-control-nav {
	top: 460px;
}

.flex-control-nav li {
	height: auto;
}

.flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
	background: none;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: 2px solid #c8c8c8;
}

.flex-control-paging li a:hover {
	background: #c8c8c8;
}

.flex-control-paging li a.flex-active {
	background: #c8c8c8;
}

.intro {
	font-size: 1.1em;
}

.feature a {
	display: block;
	width: 480px;
	height: 450px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.feature .sub-title {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #fff;
	text-decoration: underline;
}

.feature a:hover .sub-title {
	text-decoration: none;
}

.feature .title {
	display: block;
	width: 440px;
	font-size: 2.25em;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 60px;
	left: 20px;
}

.feature .btn {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 200px;
	height: 40px;
	line-height: 20px;
}

.feature a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.keylinks a {
	font-size: 1.875em /* 30 / 16 = 1.875 */;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
	display: block;
	width: 230px;
	height: 230px;
	padding: 20px;
	text-decoration: none;
	position: relative;
}

.keylinks a span {
	font-size: 0.6em;
	font-weight: 400;
	width: 100px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	padding: 0 0 0 15px;
}

.latest-news {
	clear: both;
}

.latest-news .section-title {
	border-color: #3bc25c;
}

.latest-news h2 a {
	font-weight: normal;
	text-decoration: none;
	color: #333;
}

.latest-news h2 a:hover {
	color: #999;
}

.testimonial {
  /*width: 500px;*/
  /*min-height: 350px;*/
  float: left;
}

.testimonial .section-title {
	border-color: #b81178;
}

.testimonial h3 {
  margin-left:  10px;
  margin-right:  10px;
}

.testimonial p {
  padding-left: 20px;
  margin-left:  10px;
  margin-right:  10px;
  border-left: 4px solid #b81178;
}

.video {
  width: 500px;
  float: left;
}

.video .section-title {
	border-color: #ef9a27;
}

.our-people-list.container {
  clear: left;
}

.our-people-list .section-title {
	border-color: #e1231c;
}

.our-people-list #carousel {
  margin: 0 auto;
  width: 980px;
}

.flex-direction-nav a {
  font-size: 40px;
  top: 45%;
  line-height: 0;
  opacity: 1;
  background: #333333;
  color: #fff;
  padding-top:15px;

  text-shadow: none;
}

.flex-direction-nav a:before {
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  text-shadow: none;
  content: "";
}

.flex-direction-nav a.flex-next:before {
  content: "";
}

.flex-direction-nav .flex-prev {
  left: 10px;
  padding-left: 13px;
}
.flex-direction-nav .flex-next {
  right: 10px;
  padding-right: 12px;
}

.our-people-list #carousel ul {
  list-style: none;
  padding: 0;
}

.our-people-list #carousel li {
  	margin: 0 20px 20px 0;
}

.our-people-list a {
	display: block;
	text-decoration: none;
}

.our-people-list img {
	margin-bottom: 20px;
	width: 230px;
	height: auto;
}

.our-people-list .name {
	display: block;
	font-weight: 700;
}

.our-people-list .position {
	color: #c8c8c8;
}

/* PAGE */
.hero {
	height: 300px;
	background-size: 474px 300px !important;
	background-repeat: no-repeat !important;
	background-position: 80% 0% !important;
}

.hero h1 {
	line-height: 300px;
}

.callback {
	color: #fff;
	height: 80px;
}

.sub-title {
	float: right;
	width: 230px;
}

.content {
	padding: 0 0 40px 0;
}

.content .page,
.content .documents,
.content .offers,
.content .case-studies,
.content .search-results {
	width: 750px;
	float: left;
	margin-right: 20px;
}

.our-people .content .page {
  width: 760px;
  margin-left: -10px;
}

.keylinks.side {
	width: 230px;
	float: right;
	clear: right;
}

.keylinks.side a {
  margin-left: 0;
  margin-right: 0;
}

/* PEOPLE */
.banner h2 {
	font-size : 3em; /* 48 / 16 = 3 */
	line-height : 1.3;
	width: 70%;
	color: #fff;
	margin: 0;
	padding: 40px 0;
}

.content .type-people {
  width: 750px;
  float: left;
  margin-right: 20px;
}

.people img {
  float: left;
  margin: 0 20px 20px 0;
  width: 230px;
}

.people h1 {
  font-size : 1.5em; /* 24 / 16 = 1.5 */
  float: left;
  width: 500px;
  margin: 0;
}

.profile-info {
  float: left;
  width: 500px;
  margin: 0 0 20px;
}

.profile-info p {
  margin-bottom: 0;
}

.profile-info a {
  font-weight: 700;
}

/* HATTONS GOLD OFFERS */
.single-offer {
  margin-bottom: 20px;
}

.single-offer img {
  float: left;
  margin-right: 20px;
}

.offer-details {
  float: left;
  width: 615px;
}

.offer-details .cat a {
  text-transform: uppercase;
  font-size: 0.75em;
  color: #e1231c;
  text-decoration: none;
}

.offer-cat-filter {
  margin: 0;
}

.offer-cat {
  list-style: none;
  padding: 0;
}

.offer-cat li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.offer-cat a {
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
}

.offer-cat li::after {
  content: " |"
}

/* POST */
.banner {
	min-height: 150px;
	border-bottom: 20px solid #333333;
}

.banner h1 {
	width: 70%;
	color: #fff;
	margin: 0;
	padding: 40px 0;
}

.post,
.post-list {
	width: 710px;
}

.post-list .post {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #3bc25c;
}

.post img {
  margin-bottom: 20px;
}

.post h2 a {
  text-decoration: none;
}

figure.wp-caption {
  margin: 0 0 20px;
  font-size: 0.75em;
  font-style: italic;
  font-weight: 400;
}

figure.wp-caption img {
  margin: 0;
}

.iframe-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin: 0 auto 20px;
} 

.iframe-container iframe,
.iframe-container object,
.iframe-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.post-meta a {
  background: #3bc25c;
  color: #fff;
  padding: 2px 3px;
  text-decoration: none;
}

.sidebar {
	width: 230px;
	float: right;
}

/* DOCUMENTS */
.document-link {
  position: relative;
  font-size: 1.2em;
  float: left;
  text-align: center;
  display: block;
  text-decoration: none;
  width: 210px;
  height: 280px;
  padding: 20px;
  margin:  0 20px 40px;
  border: 2px solid #ccc;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(209,209,209,0.8);
     -moz-box-shadow: 5px 5px 0px 0px rgba(209,209,209,0.8);
          box-shadow: 5px 5px 0px 0px rgba(209,209,209,0.8);
}

.document-link .cat {
  position: absolute;
  bottom: 20px;
  left: 0;
  right:0;
  font-size: 0.75em;
}

.single-documents .sub-menu a {
  font-size: 1em;
}

.single-documents .sub-menu a::before {
	content: "";
}

#gform_wrapper_5 {
  padding: 10px;
	background: #f5f5f5;
	border: 1px solid #ccc;
}

#gform_5 .gform_title {
  margin: 0;
}

#gform_5 .gform_heading {
  margin-bottom: 20px;
}

#field_5_2,
#field_5_3 {
  float: left;
  width: 45%;
  margin-right: 2.5%;
}
#field_5_3 input[type=text],
#field_5_2 input[type=email] {
	width: 100%;
	height: 35px;
	float: left;
	margin: 0 2.5% 20px 0;
}

#label_5_4_1 {
  font-weight: 700;
  font-style: normal;
}

#gform_5 .gform_footer {
  clear: both;
}

/* CONTACT */
.post-11.page {
  width: 47%;
  margin-right: 6%;
}

.contact-page .address {
  width: 47%;
}

#gform_3 .gform_body input,
#gform_3 .gform_body textarea {
	width: 100%;
}

#gform_3 .gform_body input {
	height: 34px;
}

.acf-map {
  float: left;
  width: 47%;
  height: 400px;
  margin-bottom: 20px;
  background: #efece4;
}

.marker {
  display: none;
}

/* SEARCH RESULTS */
.results {
  font-size: 1.2em;
}

.search-results-list .search-excerpt {
  background: #fff887;
  padding: 0 4px;
}
.search-results-list span {
  padding: 0 4px;
  font-weight: 700;
}

/* FOOTER
========================================================================================*/
.accreditations {
	background: #f5f5f5;
	text-align: center;
	padding: 20px 0;
}

.accreditations a {
	display: inline-block;
	line-height: 1;
	margin: 0 14px;
}

.sponsor {
	text-align: center;
	padding: 20px 0;
}

.sponsor a {
	display: inline-block;
	line-height: 1;
		margin: 0 15px;
}

.pre-footer {
	background: #f5f5f5;
	padding: 20px 0;
	font-size: 0.75em;
}

.address .tel {
	text-decoration: none;
	color: #333;
	cursor: text;
}

.footer {
	clear: both;
	background: #333333;
	color: #fff;
	padding: 20px 0;
}

.footnotes,
.credit {
	display: block;
	height: 20px;
	line-height: 20px;
}

.credit {
	padding-left: 15px;
}

.credit a {
	color: #fff;
}

.footer-nav {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 20px;
	line-height: 20px;
}

.footer-nav li {
	float: left;
	display: inline;
}

.footer-nav li::after {
	content: "|"
}

.footer-nav li:last-child::after {
  content: " ";
}

.footer-nav li a {
	font-size : 0.875em; /* 12 / 16 = 0.75 */
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}

/* CLAIM FORM
========================================================================================*/
.post-371.page {
	width: 100%;
	margin: 0;
}

/* CALLBACK POPUP
========================================================================================*/
.callback-request .gform_description {
	display: block;
	margin-bottom: 10px;
}
.callback-request select,
.callback-request input[type=text],
.callback-request input[type=tel]{
	width: 97%;
}

.callback-request .button {
	width: 100%;
	height: 36px;
	display: block;
	border: 2px solid #e1231c;
	background: #e1231c;
	color: #fff;
	font-size: 1em;
	margin: 22px 0;
	cursor: pointer;
}

.callback-request .button:hover {
	background: #fff;
	color: #e1231c;
}

/* PAGINATION
========================================================================================*/
/* NEW */
.pagination {
	clear: both;
	margin-bottom: 30px;
}

.pagination .nav-links {
	position: relative;
	text-align: center;
}

.pagination .page-numbers {
	font-size: 1.125em;
	padding: 1em;
	line-height: 1;
	text-decoration: none;
}

.pagination .page-numbers.current {
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	-webkit-tap-highlight-color: rgba(57, 169, 53, 0.3);
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {


}
/* CONTACT FORMS
========================================================================================*/
.gform_body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gform_body li {
	width: 100%;
	float: left;
	overflow: hidden;
}

.gform_body .gform_hidden {
  display: none;
}

.gform_body label {
	display: none;
}

.gform_body select,
.gform_body input[type=text],
.gform_body input[type=email],
.gform_body input[type=tel],
.gform_body textarea {
	width: 45%;
	float: left;
	margin: 0 2.5% 20px 0;
}

.gform_body input[type=number] {
	width: 10%;
	float: left;
	margin: 0 0 2.5% 0;
}

.gform_body input,
.gform_body textarea {
	font-size: 1.1em;
  display: inline-block;
  padding: 1%;
  border: 1px solid #333333;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.gform_body input:focus,
.gform_body textarea:focus {
  border-color: rgba(51, 51, 51, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
*/
}

.gform_body textarea {
	resize: none
}

.gform_body i {
	float: left;
	margin: 10px 0.5% 0;
	
}

.gform_body .gsection_title {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.gform_body .gfield_radio,
.gform_body .gfield_checkbox {
	overflow: hidden;
	margin-bottom: 10px;
}

.gform_body .gfield_radio li,
.gform_body .gfield_checkbox li {
	padding: 0 5px;
	margin: 0;
}

.gform_body .gfield_radio li label,
.gform_body .gfield_checkbox li label {
	font-size: 1.2em;
	display: inline-block;
	width: 45%;
	padding: 5px 0 5px 10px;
}

.gform_body input.hasDatepicker {
	width: 37.5%;
	margin-right: 5px;
}

.field_description_below .gfield_description {
	font-size: 0.875em;
	margin: -15px 0 20px;
	float: left;
	clear: left;
}

.field_description_above .gfield_description {
  font-size: 0.875em;
}

.gfield_required,
.validation_message {
	color: #e1231c;
	width: 100%;
}

.gfield_error input,
.gfield_error textarea {
	border-color: #e1231c;

}

.validation_error {
	color: #e1231c;
	margin-bottom: 10px;
}

#gforms_confirmation_message {

}

.gform_button.button {
	height: 36px;
	display: block;
	border: 2px solid #e1231c;
	background: #e1231c;
	color: #fff;
	font-size: 1em;
	margin: 22px 0;
	cursor: pointer;
}

.gform_button.button:hover {
	background: #fff;
	color: #e1231c;
}

.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.ui-datepicker-header {
	background-color: #333; /* set the header background color */
	color: #e0e0e0;
	font-weight: bold;
	line-height: 30px;
	min-height: 30px !important;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #666;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-title select {
	margin-top: 2.5%;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('http://www.hattonslaw.com/wp-content/themes/images/datepicker/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

.ui-datepicker thead {
	background: #f7f7f7;
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 0.625em;
	padding: 5px 0;
}

.ui-datepicker tbody td {
	padding: 0;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span, 
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #FFF2AA; /* set the active date background color */
	border: 1px solid #c19163; /* set the active date border color */
	color: #666; /* set the active date font color */
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	text-shadow: 0px 1px 0px #FFF;
	filter: dropshadow(color=#FFF, offx=0, offy=1);
	position: relative;
	margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

td.ui-datepicker-unselectable.ui-state-disabled {
	background-color: #d7d7d7;
}

table.ui-datepicker-calendar {
	margin: 0 0 0 0 !important;
}

body div#ui-datepicker-div[style] {
	z-index: 9999 !important;
}

/* HONEYPOTS */
.gform_validation_container {
	display: none !important;
}

/* CALLBACK REQUEST */
.callback #gform_1 {
  width: 100%;
  float: left;
  height: 80px;
}

.callback .gform_title {
	font-size: 1em;
	float: left;
	margin: 0 20px 0 0;
	width: 133px;
	height: 80px;
	line-height: 80px;
}

.callback ul {
  float: left;
  width: 780px;
  height: 80px;
}

.callback .gform_body li {
	float: left;
	width: 240px;
	height: 80px;
	line-height: 80px;
	margin: 0 20px 0 0;
}

.callback li input[type=text],
.callback li input[type=tel] {
	display: block;
	width: 240px;
	height: 34px;
	margin: 22px 0;
	padding: 4px 8px;
	font-size: 1em;
}

.callback li select.gfield_select {
	width: 240px;
	height: 30px;
	line-height: 40px;
	margin: 24px 0 22px 0;
	padding: 4px 8px;
	font-size: 1em;
	border: none;
}

.callback .gform_footer {
  float: right;
  width: 67px;
}

.callback .button {
	width: 67px;
}

.callback .validation_error {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

/* BABY BEAR iPhone/Android portrait & landscape to - 640px
========================================================================================*/
@media screen and (max-device-width: 40em ) {
	html {
		min-width: 0;
	}
	
	.container {
		width: 90%;
	}
	
	.full-width {
		width: auto;
	}
	
	.col {
		width: 50%;
		margin: 0 0 20px 0;
	}
	
	.two-col {
		width: auto;
		margin: 0 auto 20px;
	}
	
	.full-width .two-col {
		width: 90%;
		float: none;
	}
	
	.section-title {
		margin-left:  0;
		margin-right:  0;
	}
	
	/* TYPOGRAPHY
	========================================================================================*/
	h1 { 
		font-size : 2.5em; /* 40 / 16 = 2.5 */
	}
	
	h2 { 
		font-size : 1.25em; /* 20 / 16 = 1.25 */
	}
	
	h3 { 
		font-size : 1.125em; /* 18 / 16 = 1.125 */
	}
	
	h4 { 
		font-size : 1em; /* 16 / 16 = 1 */
	}
	
	
	/* HEADER
	========================================================================================*/
	.header .container {
		width: auto;
	}
	
	.logo {
		margin: 5%;
		width: 170px;
		height: 46px;
	}
	
	.polish-flag {
	  display: none;
	}
	
	.search {
    margin-top: 5px;
	}
	
	input[type=search] {
			padding-right: 0;
			width: 20px;
			color: transparent;
			cursor: pointer;
			border: none;
			position: absolute;
			top: 8px;
			right: 0;
			z-index: 10;
	}
		
		input[type=search]:focus {
			width: 100%;
			background-color: #000;
			border-bottom: 1px solid #fff;
			color: #fff;
		}
	
	.login {
	  padding-right: 30px;
	}
	
	.login .text {
	  display: none;
	}
	
	/* NAV - General inline full width nav
	========================================================================================*/
	#toggle {
		width: 50px;
		height: 42px;
		margin: 6% 5%;
	}
	
	.nav-collapse {
		float: none;
		width: 100%;
	}
	
	.nav {
		float: none;
		border-top: 1px solid #333;
	}
	
	.nav li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.nav a {
		display: block;
		float: none;
		text-align: center;
		font-size: 1.125em; /* 18 / 16 = 1.125 */
		height: 40px;
		line-height: 20px;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #333;
	}
	
	.nav a:hover {

	}
	
	.breadcrumbs {
	  width: 90%;
	}
	
	.sub-title {
	  width: 100%;
	  float: left;
	}
	.sub-menu {
		width: 100%;
		float: none;
	}
	
	/* CONTENT
	========================================================================================*/
	.flexslider { /* SET WIDTH & HEIGHT TO SUIT */
		width: auto;
		min-width: 0;
		height: 350px;
	}
	
	.flexslider li {
		height: 300px;
		background-position: center center !important;
		background-size: cover !important;
	}
	
	.flexslider .text-content {
		width:auto;
		margin: 0 auto;
		padding-top: 40px;
		height: 260px;
	}
	
	.flexslider h2 {
		width: 90%;
		font-size: 2.375em;
		line-height: 1.2;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flexslider .btn {
		position: absolute;
		bottom: -50px;
		left: 0;
		width: 90%;
		padding: 8px 5%;
		height: 51px;
		line-height: 35px;
	}
	
	.flex-control-nav {
		top: 360px;
	}
	
	.flex-control-nav li {
		height: auto;
	}
	
	.feature.two-col {
		width: auto;
		margin-bottom: 0;
	}
	
	.feature a {
		width: auto;
		height: 0;
		min-height: 300px;
	}
	
	.feature .title {
		width: auto;
		font-size: 1.875em; /* 30 / 16 = 1.875 */
	}
	
	.feature .sub-title {
	  width: auto;
	}
	
	.feature .btn {
		width: 50%;
	}
	
	.feature a img {
		width: 100%;
	}
	
	.keylinks {
		margin-bottom: 20px;
	}
	
	.keylinks.side {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.keylinks a {
		font-size: 1.5em /* 24 / 16 = 1.5 */;
		width: 50%;
		height: 145px;
		padding: 4%;
		margin: 0;
	}
	
	.keylinks.side a {
		font-size: 1.25em /* 20 / 16 = 1.25 */;
	}

	.keylinks a span {
		font-size: 0.6em;
		font-weight: 400;
		width: 100px;
		height: 40px;
		line-height: 40px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #000;
		padding: 0 0 0 15px;
	}
	
	.latest-news .col,
	.latest-blog .col {
		width: 100%;
	}
	
	.testimonial,
	.video {
	  float: none;
	  min-height: 0;
	}
	
	.testimonial h3,
	.testimonial p {
    margin-left: 0;
    margin-right: 0;
	}
	
	.our-people-list #carousel {
	  margin: 0 auto;
	  width: auto;
	}
	
	.flex-direction-nav .flex-prev {
	  left: 0;
	}
	.flex-direction-nav .flex-next {
	  right: 0;
	}
	
	/* PAGE */
	.hero {
		height: 250px;
		background-size: cover !important;
		background-position: 0% 0% !important;
	}
	
	.hero h1 {
		padding-top: 55px;
		line-height: 1.1;
	}
	
	.banner h1 {
		width: 100%;
	}
	
	.callback {
		height: 70px;
	}
	
	.callback .btn {
		width: auto;
		height: 45px;
		line-height: 25px;
		display: block;
		background: #e1231c;
		color: #fff;
		font-size: 1em;
		margin: 12px 0 0;
		text-align: center;
		font-weight: 700;
		text-decoration: none;
	}
	
	.content .page,
	.content .documents,
	.content .offers,
	.content .case-studies,
	.content .search-results {
		width: auto;
		float: none;
		margin-right: 0;
	}
	
	/* NEWS */
	.post,
	.post-list {
		width: auto;
	}
	
	.post img {
	  width: 100%;
	}
	
	.sidebar {
		width: 100%;
		float: none;
	}
	
	/* DOCUMENTS */
	.document-link {
	  font-size: 0.875em;
	  width: 45%;
	  height: 200px;
	  margin:  0 2.5% 20px;
	}
	
	#gform_5 .gform_body input[type=text],
	#gform_5 .gform_body input[type=email],
	#gform_5 .gform_body input[type=tel] {
	  width: 100%;
	  margin: 0 0 20px 0;
	}
	
	
	#field_5_2,
	#field_5_3 {
	  float: none;
	  width: 100%;
	  margin-right: 0%;
	}
	
	/* CONTACT */
	.map {
	  display: block;
    width: auto;
	}
	
	.map img {
	  width: 100%;
	}
	
	.contact-page .address {
	  width: auto;
	}
	
	.gform_button.button {
	  margin-left: auto;
	  margin-right: auto;
	}
	
	/* CLAIM FORM
	========================================================================================*/
	#gform_2 select,
	#gform_2 input[type=text],
	#gform_2 input[type=tel] {
		width: 95%;
		float: none;
		margin-right: 0;
	}
	
	.gform_body input,
	.gform_body textarea {
	  	padding: 2%;
	}
	
	.gform_body .gfield_radio li label,
	.gform_body .gfield_checkbox li label {
		width: 90%;
	}
	
	/* CALLBACK FORM
	========================================================================================*/
	.callback ul {
	  float: none;
	  width: auto;
	  height: auto;
	}
	
	.callback .gform_body li {
		float: none;
		width: auto;
	}
	
	.gform_body select,
	.gform_body input[type=text],
	.gform_body input[type=email],
	.gform_body input[type=tel],
	.gform_body textarea {
	  width: 100%;
		float: left;
		margin: 0 0 20px 0;
	}
	
	.callback li input[type=text],
	.callback li input[type=tel] {
		width: auto;
	}
	
	.callback li select.gfield_select {
		width: auto;
	}
	
	/* FOOTER
	========================================================================================*/
	.pre-footer {
		padding-bottom: 0;
	}
	
	.footer {
	  min-height: 150px;
	}
	
	.accreditations a {
		width: auto;
		margin-bottom: 15px;
	}
	
	.sponsor a {
	   width: 80%; 
	}
	
	.accreditations a img,
	.sponsor a img {
		display: block;
		margin: 0 auto;
	}
	
	.willowbrook img,
	.steve-prescott img {
    width: 100%;
	}
	
	.footnotes,
	.credit {
		float: none;
		display: block;
		padding: 0;
		text-align: center;
	}
	
	.credit {
	  margin-bottom: 20px;
	}
	
	.footer-nav {
		text-align: center;
		float: none;
	}
	
	.footer-nav li {
		float: none;
	}
	
}