/******************************************************************
Theme Name: ATTFY
Theme URI: http://www.959designs.com
Description: Custom theme built by 959Designs
Author: Steve Stillwell
Author URI: http://www.959Designs.com
Version: 1.3
Tags: flexble-width, responsive, flat design
********************************************************************/
/* CSS Document */
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
------------------------------------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border-style: none; }

body {
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

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

del {
  text-decoration: line-through; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

img {
  border: 0;
  border-style: none;
  /*max-width: 100%; max-height: 100%*/ }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none; }

/*
Site Name:  (mixins)
Author: Steve Stillwell (959 Designs)

Stylesheet: Mixins & Constants Stylesheet
******************************************************************/
/*
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*
TOOLS
*********************/
/*
COLORS 
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

.text-left {
  text-align: left; }

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

.text-right {
  text-align: right; }

span.bold {
  font-weight: 700; }

span.boldital {
  font-weight: 700;
  font-style: italic; }

span.ital {
  font-style: italic; }

/*********************
TRANISTION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include cssgradient(#dfdfdf,#f8f8f8); */
/*
Font Mixins
*********************/
/*
Prefixes Mixins
*********************/
/*
Other CSS3 Mixins
*********************/
.header-gradient {
  background: #2d9cb8;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmQ5Y2I4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(45deg, #0772bb 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0772bb), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #0772bb 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #0772bb 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #0772bb 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #0772bb 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0772bb', endColorstr='#ffffff',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }

body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }

body:after {
  content: "";
  position: fixed;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }

/* Grid Classes
------------------------------------------------------------------------------------------*/
.row {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px; }

.col-30 {
  width: 30%;
  float: left;
  overflow: hidden; }

.col-40 {
  width: 40%;
  float: left;
  overflow: hidden; }

.col-50 {
  width: 50%;
  float: left;
  overflow: hidden; }

.col-60 {
  width: 60%;
  float: left;
  overflow: hidden; }

.col-70 {
  width: 70%;
  float: left;
  overflow: hidden; }

.sixty {
  width: 58%;
  margin: 1%;
  float: left; }

.fifty {
  width: 50%;
  float: left; }

.forty {
  width: 38%;
  margin: 1%;
  float: left; }

/* Structure
------------------------------------------------------------------------------------------*/
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  width: 100%;
  background-color: white; }

header {
  height: 150px;
  width: 100%;
  background-color: white;
  border-bottom: 10px solid #0772bb;
  z-index: 99999; }

.wrapper {
  min-height: 100px;
  background: url("images/boxes.png") repeat; }

footer {
  width: 100%;
  xheight: 100px;
  clear: both;
  position: relative;
  bottom: 0;
  background-color: #2e2e2e; }

.container {
  max-width: 1000px;
  overflow: hidden;
  margin: 0 auto; }

.formcontainer {
  max-width: 1200px;
  margin: 0 auto; }

section {
  width: 100%; }

.content-bottom {
  background-color: whitesmoke; }

/* Navigation
------------------------------------------------------------------------------------------*/
nav {
  float: right;
  overflow: hidden;
  margin-top: -4px; }

nav ul {
  margin-bottom: 1px;
  overflow: hidden; }

nav ul li {
  float: left;
  font: 1em "brandon_textlight";
  background-color: #0772bb;
  padding: 8px 30px;
  margin-left: 1px; }

nav ul li:last-of-type {
  border-right: 0; }

nav ul li a {
  color: white;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -transition: all 0.5s ease;
  transition: all 0.5s ease; }
  nav ul li a:hover {
    color: #2e2e2e; }

/* Mobile Navigation
------------------------------------------------------------------------------------------*/
.mobilenav {
  display: none;
  /**/
  position: absolute;
  top: 15px;
  z-index: 999999;
  font-family: "Open Sans", sans-serif; }

.mobilenav a {
  color: white;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  xpadding: 10px 10px;
  xmargin: 10px; }

.mobilenav ul {
  width: 100%;
  margin-top: 45px;
  display: none;
  margin-right: 0; }

.mobilenav li {
  border-bottom: 1px solid #fff;
  background-color: #0772bb;
  padding: 10px;
  width: 100%; }

.mobilenav li:last-of-type {
  border-bottom: none; }

.mobilenav li a {
  font-size: 1.2em;
  letter-spacing: .05em;
  color: white;
  text-decoration: none; }

.mobilenav li a:hover {
  color: black; }

#navbutton {
  float: right;
  margin-right: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  background-color: #055993;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #0772bb; }

.mobilenavhover a:hover {
  color: #2e2e2e; }

.visible {
  visibility: visible;
  display: block; }

/* Footer
------------------------------------------------------------------------------------------*/
.copyright {
  width: 100%;
  background-color: #2e2e2e; }

.copyright p {
  font: 0.8em "brandon_textlight";
  color: #ccc;
  text-align: left;
  line-height: 2;
  padding-left: 20px;
  padding-bottom: 10px; }

.copyright p a {
  color: #ccc;
  text-decoration: none; }
  .copyright p a:hover {
    text-decoration: underline; }

/* Template Elements (Design elements for each page)
------------------------------------------------------------------------------------------*/
.logo {
  width: 300px;
  float: left;
  background-size: contain;
  margin-top: 35px; }

.gflogo {
  width: 200px;
  height: auto; }

.logo-img {
  display: block;
  overflow: hidden; }

/* Interior Page Elements
------------------------------------------------------------------------------------------*/
.block {
  width: 100px;
  height: 100px;
  background-color: white;
  border-radius: 25px; }

.inner-block {
  width: 95px;
  height: 95px;
  margin: 2px;
  background-color: slategray;
  border-radius: 20px; }

.content-area {
  padding: 20px 5px 20px 50px; }

/* Contact
------------------------------------------------------------------------------------------*/
.contact {
  background-color: whitesmoke; }

.contact h2 {
  font: 1.4em "Open Sans", sans-serif;
  line-height: 2;
  color: #002d41; }

.contact p {
  font: 0.9em "Open Sans", sans-serif;
  line-height: 1.7;
  color: #666; }

.form-holder {
  min-height: 800px; }

.visual-form-builder .vfb-legend {
  font: 1.5em "brandon-bold" !important;
  color: #2e2e2e !important; }

.visual-form-builder label,
label.vfb-desc {
  font: 1.1em "brandon-bold" !important;
  color: #2e2e2e !important; }

.visual-form-builder fieldset {
  border-radius: 0px !important; }

/* Home
------------------------------------------------------------------------------------------*/
.main-wrap {
  border: 10px solid #ccc;
  box-shadow: 0px 0px 10px #666; }

/* About
------------------------------------------------------------------------------------------*/
.about-header {
  padding: 20px;
  border-bottom: 1px dashed #ccc; }

.about-header h1 {
  font: 1.5em "brandon-bold";
  color: #2e2e2e; }

.about-header h3 {
  font: 1em "Open Sans", sans-serif;
  color: #002d41;
  padding-top: 20px; }

.about-header h4 {
  font: 0.9em "Open Sans", sans-serif;
  color: #002d41;
  padding-top: 20px; }

.about-header h3 a {
  color: #002d41;
  font-weight: 700;
  text-decoration: underline; }
  .about-header h3 a:hover {
    text-decoration: none; }

.main p {
  font: 0.9em "Open Sans", sans-serif;
  color: #002d41;
  padding: 20px; }

.main img {
  float: left;
  margin-right: 20px;
  height: 300px;
  width: auto; }

.bio-area {
  height: 850px; }

.bio-area p:last-of-type {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc; }

/* Sidebar
------------------------------------------------------------------------------------------*/
.sidebar-info {
  margin-top: 20px; }

.sidebar-info h3 {
  font: 0.8em "brandon-bold";
  color: #2e2e2e;
  text-transform: uppercase;
  padding-bottom: 10px; }

.sidebar-info h5 {
  font: 0.8em "brandon_textlight";
  color: #2e2e2e;
  text-transform: uppercase; }

.sidebar-info h4 {
  font: 1.1em "brandon_text_regular";
  color: #2e2e2e;
  text-transform: uppercase; }

.sidebar-info h6 {
  font: 0.9em "brandon_text_regular";
  color: #2e2e2e;
  text-transform: uppercase; }

.sidebar-info p {
  font: 0.8em "Open Sans", sans-serif;
  color: #2e2e2e;
  padding-top: 10px;
  xpadding-right: 10px; }

.sidebar-info p a {
  color: #002d41;
  text-decoration: underline; }
  .sidebar-info p a:hover {
    text-decoration: none; }

.clm {
  padding-top: 30px;
  padding-bottom: 20px;
  width: 80%;
  margin: 0 auto;
  display: block; }

.contact-info {
  padding-bottom: 20px; }

.contact-info h6 {
  font: 1.2em "brandon-bold";
  color: #2e2e2e; }

.contact-info h6 a {
  font: 0.8em "brandon-bold";
  color: #0772bb; }
  .contact-info h6 a:hover {
    text-decoration: underline; }

/* WP Specific
------------------------------------------------------------------------------------------*/
.main {
  width: 75%;
  float: left;
  border-right: 10px solid #ccc;
  xborder-left: 1px solid #ccc;
  background-color: white; }

.main img {
  border: 1px solid #111; }

.sidebarwrap {
  width: 25%;
  float: left;
  background-color: white;
  padding-bottom: 9999px;
  margin-bottom: -9999px; }

.entry-title,
.posttitle {
  font: 1.5em "brandon-bold";
  color: #2e2e2e;
  padding: 10px 10px 0 10px; }

.newsdate {
  padding-bottom: 20px;
  font: 0.9em "brandon_text_regular";
  color: #2e2e2e;
  padding-left: 10px; }

article {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }

.entry-content img {
  border: 1px solid #2e2e2e; }

.entry-content ul {
  padding: 5px 30px; }

.entry-content ul li {
  font: 0.9em "Open Sans", sans-serif;
  color: #002d41;
  padding: 5px 5px;
  list-style-type: disc;
  list-style-position: inside; }

.entry-content p {
  font: 0.9em "Open Sans", sans-serif;
  color: #002d41;
  padding: 10px;
  line-height: 1.56; }

.innersidebar {
  padding-left: 10px;
  padding-right: 10px; }

.widget {
  padding-top: 20px;
  padding-bottom: 10px; }

.widget-title {
  font: 1.2em "brandon-bold";
  color: #2e2e2e; }

.widget ul li {
  padding: 5px 0 5px 0;
  border-bottom: 1px dashed #2e2e2e; }

.widget ul li a {
  font: 0.8em "Open Sans", sans-serif;
  color: #002d41; }
  .widget ul li a:hover {
    color: #0772bb; }

.tagcloud a {
  font-family: "Open Sans", sans-serif;
  color: #002d41;
  padding-right: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .tagcloud a:hover {
    color: #0772bb;
    text-decoration: underline; }

.footer-news p a {
  font: 0.9em "brandon_textlight";
  padding-bottom: 10px;
  color: #ccc;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .footer-news p a:hover {
    color: #0772bb;
    text-decoration: underline; }

/* Alignment & tweaks
------------------------------------------------------------------------------------------*/
.left {
  float: left !important; }

.right {
  float: right !important; }

.alignfix {
  letter-spacing: .5px; }

.hidden {
  visibility: hidden; }

/* Color & Font Classes
------------------------------------------------------------------------------------------*/
/* The Grid
------------------------------------------------------------------------------------------*/
/* Media Queries
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 875px) {
  .formrow50 {
    width: 100%; } }
@media screen and (max-width: 800px) {
  header {
    position: fixed; }

  .mobilenav {
    display: block;
    width: 100%; }

  nav {
    display: none;
    padding-top: 0; }

  .practice-box {
    width: 100%;
    min-height: 0;
    border: none !important; }

  .top-area {
    margin-top: 60px; }

  .top-area p {
    padding: 0 20px; }

  .summary {
    width: 100%; }

  .practice-box p {
    padding: 0 20px 20px; }

  .map {
    padding-top: 60px; }

  #directions {
    display: none; }

  .content-bottom p {
    font-size: .8em; }

  .col-40, .col-60 {
    width: 90%;
    margin-left: 5%; } }
@media screen and (max-width: 675px) {
  .radio_label {
    width: 100%; }

  .footernav, .footer-contact, .footer-news {
    width: 100%;
    border-right: none;
    margin-top: 0;
    padding-top: 0; }

  .footernav, .footer-contact {
    border-bottom: 1px solid #4E4C4C; }

  .main {
    width: 98%;
    margin-left: 1%; }

  .sidebarwrap {
    display: none; }

  .entry-content img {
    display: block;
    margin: 5px auto;
    float: none !important; } }
@media screen and (max-width: 600px) {
  .adjusth2 {
    font: 2em "brandon-bold"; }

  .practice-box h3 {
    padding-bottom: 0; }

  header {
    height: 60px; }

  .logo {
    width: 200px;
    margin-top: 0; }

  .rotate {
    font: 1em "brandon-bold"; }

  .top-area h1 {
    font: 1.5em "brandon-bold"; }

  .top-area p {
    font: 1em "brandon_text_regular"; }

  .home-top {
    xheight: 300px; }

  .top-area h1 {
    padding-top: 50px; }

  .col-30 {
    width: 100%; }

  .col-70 {
    width: 100%; }

  .full-bio, .practice-area {
    padding: 20px 5px 20px 20px; }

  .bio-name-lg {
    line-height: 1;
    bottom: 30%; }

  .top-bio-page-photo {
    background-position: -100px 0px; } }
@media screen and (max-width: 420px) {
  .split {
    display: none; }

  .att-wrap {
    margin-top: 20px; }

  .att-wrap ul {
    margin: 50px 0px; }

  .att-wrap ul li {
    margin: 30px 10px; }

  .att-wrap ul li .front, .att-wrap ul li .back {
    width: 300px; } }