/************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Main Stylesheet
 *
 ************************************************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1,
h2,
h3 {
  margin: 0 0 24px;
}
h4,
h5,
h6 {
  margin: 0 0 12px;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.75em;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 0 40px 24px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 0 0 24px;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0 0 24px;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  height: auto;
}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
/************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Mixins & Constants Stylesheet
 *
 ************************************************************************************************/
/************************************************************************************************
 *  Clearfix
 ************************************************************************************************/
.clearfix,
.autoclear {
  zoom: 1;
}
.clearfix:before,
.autoclear:before,
.clearfix:after,
.autoclear:after {
  content: "";
  display: table;
}
.clearfix:after,
.autoclear:after {
  clear: both;
}
/************************************************************************************************
 * Colors
 ************************************************************************************************/
/************************************************************************************************
 * Typography
 ************************************************************************************************/
/* Text Alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/************************************************************************************************
 * Border Radius - Usage: .border-radius(4px);
 ************************************************************************************************/
/************************************************************************************************
 * Transition - Usage: .transition(all,.2s, linear);
 ************************************************************************************************/
/************************************************************************************************
 * Gradients - Usage: .css-gradient(#dfdfdf,#f8f8f8);
 ************************************************************************************************/
/************************************************************************************************
 * Box Shadow - Usage: .boxShadow(0,0,4px,0,#444); OR .boxShadow(none);
 ************************************************************************************************/
/************************************************************************************************
 *  Buttons
 ************************************************************************************************/
.button,
.button:visited {
  border: none;
  padding: 0px 40px;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  margin-bottom: 20px;
  background: #0b1e60;
  text-align: center;
  color: white;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 52px;
  font-style: italic;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "minion-pro", serif;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.button:hover {
  color: white !important;
  background: #0f2985;
}
.button.yellow {
  background: #ccae5d;
}
.button.yellow:hover {
  background: #c29e3e;
}
.button.medium {
  font-size: 1.125em;
  line-height: 36px;
}
/************************************************************************************************
 * Swipe Slider
 ************************************************************************************************/
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}
/************************************************************************************************
 * Modal
 ************************************************************************************************/
.modal {
  position: fixed;
  width: 720px;
  height: 405px;
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -202px;
  display: none;
  z-index: 30;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  background: white;
}
.modal .close {
  font: 40px sans-serif;
  position: absolute;
  top: 0;
  right: -30px;
  line-height: 1em;
  text-decoration: none;
  color: #484848;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
}
.modal.video-modal .video-wrapper {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.modal.video-modal iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  z-index: 1002;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 767px) {
  .modal {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2000 !important;
    padding-top: 10px;
    margin: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0;
    -webkit-overflow-scrolling: touch;
    background: white;
  }
  .modal .close {
    position: absolute;
    z-index: 1003;
    border-radius: 4px;
    top: 0 !important;
    right: 10px !important;
    border: 0;
    box-shadow: none;
    opacity: 1;
    color: #333;
    text-shadow: none;
  }
  .modal .btn-prev {
    left: 3px;
  }
  .modal .btn-next {
    right: 3px;
  }
  .modal.video-modal {
    background: #111;
  }
  .modal.video-modal .close {
    color: white;
  }
}
@media all and (min-width: 481px) and (max-width: 767px) {
  .modal.video-modal .video-wrapper {
    width: 460px;
    height: 258px;
    padding: 0;
    margin: 0 auto;
  }
}
/************************************************************************************************
 * Swipe Modal
 ************************************************************************************************/
/************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Grid Stylesheet (Foundation 3)
 *
 ************************************************************************************************/
/* The Grid */
.wrap {
  zoom: 1;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.wrap:before,
.wrap:after {
  content: "";
  display: table;
}
.wrap:after {
  clear: both;
}
.row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.row .row.collapse {
  margin: 0;
}
.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
.column.centered,
.columns.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
.one,
.row .one {
  width: 8.33333%;
}
.two,
.row .two {
  width: 16.66667%;
}
.three,
.row .three {
  width: 25%;
}
.four,
.row .four {
  width: 33.33333%;
}
.five,
.row .five {
  width: 41.66667%;
}
.six,
.row .six {
  width: 50%;
}
.seven,
.row .seven {
  width: 58.33333%;
}
.eight,
.row .eight {
  width: 66.66667%;
}
.nine,
.row .nine {
  width: 75%;
}
.ten,
.row .ten {
  width: 83.33333%;
}
.eleven,
.row .eleven {
  width: 91.66667%;
}
.twelve,
.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}
.push-two {
  left: 16.66667%;
}
.pull-two {
  right: 16.66667%;
}
.push-three {
  left: 25%;
}
.pull-three {
  right: 25%;
}
.push-four {
  left: 33.33333%;
}
.pull-four {
  right: 33.33333%;
}
.push-five {
  left: 41.66667%;
}
.pull-five {
  right: 41.66667%;
}
.push-six {
  left: 50%;
}
.pull-six {
  right: 50%;
}
.push-seven {
  left: 58.33333%;
}
.pull-seven {
  right: 58.33333%;
}
.push-eight {
  left: 66.66667%;
}
.pull-eight {
  right: 66.66667%;
}
.push-nine {
  left: 75%;
}
.pull-nine {
  right: 75%;
}
.push-ten {
  left: 83.33333%;
}
.pull-ten {
  right: 83.33333%;
}
img {
  height: auto;
}
img,
object,
embed {
  max-width: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.map_canvas img {
  max-width: none!important;
}
/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
/* Block Grids */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}
.block-grid > li {
  display: block;
  height: auto;
  float: left;
}
.block-grid.one-up {
  margin: 0;
}
.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px;
}
.block-grid.two-up {
  margin: 0 -15px;
}
.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
}
.block-grid.two-up > li:nth-child(2n+1) {
  clear: both;
}
.block-grid.three-up {
  margin: 0 -12px;
}
.block-grid.three-up > li {
  width: 33.33333%;
  padding: 0 12px 12px;
}
.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}
.block-grid.four-up {
  margin: 0 -10px;
}
.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px;
}
.block-grid.four-up > li:nth-child(4n+1) {
  clear: both;
}
.block-grid.five-up {
  margin: 0 -8px;
}
.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px;
}
.block-grid.five-up > li:nth-child(5n+1) {
  clear: both;
}
.block-grid.six-up {
  margin: 0 -8px;
}
.block-grid.six-up > li {
  width: 16.66667%;
  padding: 0 8px 8px;
}
.block-grid.six-up > li:nth-child(6n+1) {
  clear: both;
}
.block-grid.seven-up {
  margin: 0 -8px;
}
.block-grid.seven-up > li {
  width: 14.28571%;
  padding: 0 8px 8px;
}
.block-grid.seven-up > li:nth-child(7n+1) {
  clear: both;
}
.block-grid.eight-up {
  margin: 0 -8px;
}
.block-grid.eight-up > li {
  width: 12.5%;
  padding: 0 8px 8px;
}
.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both;
}
.block-grid.nine-up {
  margin: 0 -8px;
}
.block-grid.nine-up > li {
  width: 11.11111%;
  padding: 0 8px 8px;
}
.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both;
}
.block-grid.ten-up {
  margin: 0 -8px;
}
.block-grid.ten-up > li {
  width: 10%;
  padding: 0 8px 8px;
}
.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both;
}
.block-grid.eleven-up {
  margin: 0 -8px;
}
.block-grid.eleven-up > li {
  width: 9.09091%;
  padding: 0 8px 8px;
}
.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both;
}
.block-grid.twelve-up {
  margin: 0 -8px;
}
.block-grid.twelve-up > li {
  width: 8.33333%;
  padding: 0 8px 8px;
}
.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both;
}
@media only screen and (max-width: 767px) {
  /* The Grid */
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .wrap {
    padding: 0;
  }
  .column,
  .columns {
    width: auto !important;
    float: none;
  }
  .column:last-child,
  .columns:last-child {
    float: none;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: none;
  }
  .column:before,
  .columns:before,
  .column:after,
  .columns:after {
    content: "";
    display: table;
  }
  .column:after,
  .columns:after {
    clear: both;
  }
  .offset-by-one,
  .offset-by-two,
  .offset-by-three,
  .offset-by-four,
  .offset-by-five,
  .offset-by-six,
  .offset-by-seven,
  .offset-by-eight,
  .offset-by-nine,
  .offset-by-ten {
    margin-left: 0 !important;
  }
  .push-two,
  .push-three,
  .push-four,
  .push-five,
  .push-six,
  .push-seven,
  .push-eight,
  .push-nine,
  .push-ten {
    left: auto;
  }
  .pull-two,
  .pull-three,
  .pull-four,
  .pull-five,
  .pull-six,
  .pull-seven,
  .pull-eight,
  .pull-nine,
  .pull-ten {
    right: auto;
  }
  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-one:last-child {
    float: right;
  }
  .row .mobile-one.end {
    float: left;
  }
  .row.collapse .mobile-one {
    padding: 0;
  }
  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-two:last-child {
    float: right;
  }
  .row .mobile-two.end {
    float: left;
  }
  .row.collapse .mobile-two {
    padding: 0;
  }
  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-three:last-child {
    float: right;
  }
  .row .mobile-three.end {
    float: left;
  }
  .row.collapse .mobile-three {
    padding: 0;
  }
  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-four:last-child {
    float: right;
  }
  .row .mobile-four.end {
    float: left;
  }
  .row.collapse .mobile-four {
    padding: 0;
  }
  .push-one-mobile {
    left: 25%;
  }
  .pull-one-mobile {
    right: 25%;
  }
  .push-two-mobile {
    left: 50%;
  }
  .pull-two-mobile {
    right: 50%;
  }
  .push-three-mobile {
    left: 75%;
  }
  .pull-three-mobile {
    right: 75%;
  }
  /* Block Grids --- */
  .block-grid.one-put > li,
  .block-grid.two-out > li,
  .block-grid.three-up > li,
  .block-grid.four-up > li,
  .block-grid.five-up > li,
  .block-grid.six-up > li,
  .block-grid.seven-up > li,
  .block-grid.eight-up > li,
  .block-grid.nine-up > li,
  .block-grid.ten-up > li,
  .block-grid.eleven-up > li,
  .block-grid.twelve-up > li {
    float: none;
    width: 100%;
    margin-left: 0;
    clear: none !important;
  }
  .block-grid.mobile-one-up > li {
    width: 100%;
  }
  .block-grid.mobile-two-up > li {
    width: 50%;
    float: left;
  }
  .block-grid.mobile-two-up > li:nth-child(2n+1) {
    clear: both !important;
  }
  .block-grid.mobile-three-up > li {
    width: 33.33333%;
    float: left;
  }
  .block-grid.mobile-three-up > li:nth-child(3n+1) {
    clear: both !important;
  }
  .block-grid.mobile-four-up > li {
    width: 25%;
    float: left;
  }
  .block-grid.mobile-four-up > li:nth-child(4n+1) {
    clear: both !important;
  }
  .block-grid.mobile-five-up > li {
    width: 20%;
    float: left;
  }
  .block-grid.mobile-five-up > li:nth-child(5n+1) {
    clear: both !important;
  }
  .block-grid.mobile-six-up > li {
    width: 16.66667%;
    float: left;
  }
  .block-grid.mobile-six-up > li:nth-child(6n+1) {
    clear: both !important;
  }
  .block-grid.mobile-seven-up > li {
    width: 14.28571%;
    float: left;
  }
  .block-grid.mobile-seven-up > li:nth-child(7n+1) {
    clear: both !important;
  }
  .block-grid.mobile-eight-up > li {
    width: 12.5%;
    float: left;
  }
  .block-grid.mobile-eight-up > li:nth-child(8n+1) {
    clear: both !important;
  }
  .block-grid.mobile-nine-up > li {
    width: 11.11111%;
    float: left;
  }
  .block-grid.mobile-nine-up > li:nth-child(9n+1) {
    clear: both !important;
  }
  .block-grid.mobile-ten-up > li {
    width: 10%;
    float: left;
  }
  .block-grid.mobile-ten-up > li:nth-child(10n+1) {
    clear: both !important;
  }
  .block-grid.mobile-eleven-up > li {
    width: 9.09091%;
    float: left;
  }
  .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
    clear: both !important;
  }
  .block-grid.mobile-twelve-up > li {
    width: 8.33333%;
    float: left;
  }
  .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
    clear: both !important;
  }
}
/************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Base Mobile Stylesheet
 *
 ************************************************************************************************/
/************************************************************************************************
 * General
 ************************************************************************************************/
html,
body {
  width: 100%;
  margin: 0 !important;
}
html {
  overflow-x: hidden;
  height: 100%;
}
body {
  font-family: "minion-pro", serif;
  font-size: 1.0625em;
  line-height: 1.5;
  color: #484848;
  background: #f9f8f5;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow-x: hidden;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a,
a:visited {
  color: #0b1e60;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
  text-decoration: none;
  /* mobile tap color */
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #0f2985;
}
a:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-rendering: optimizelegibility;
  font-weight: 700;
  margin: 0 0 12px 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
h1,
.h1 {
  font-size: 2.235em;
  color: #0b1e60;
  font-style: italic;
  line-height: 1.2em;
}
h2,
.h2 {
  font-size: 1.76em;
  color: #333;
  font-style: italic;
  line-height: 1.2em;
}
h3,
.h3 {
  font-size: 1.529em;
  color: #333;
  font-style: italic;
  line-height: 1.1em;
}
h4,
.h4 {
  font-size: 1.3em;
  margin-bottom: 4px;
}
h5,
.h5 {
  font-size: 1.1em;
  margin-bottom: 4px;
}
hr {
  border: 0;
  border-top: 1px solid #d1cfc7;
  height: 1px;
  margin-top: 20px;
  padding-top: 20px;
}
figure {
  margin-bottom: 10px;
}
figure figcaption {
  font-size: .8em;
  font-style: italic;
}
.field {
  margin-bottom: 12px;
}
.field label {
  display: block;
  text-transform: uppercase;
  font-weight: 800;
  font-size: .75em;
  margin-bottom: 6px;
  font-family: "proxima-nova", sans-serif;
  line-height: 1.2em;
}
.field input[type="text"],
.field textarea {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #d1cfc7;
  outline: 0;
  padding: 8px 6px !important;
  background: #ffffff;
  color: #484848;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.08);
}
.field.checkbox label {
  display: block;
  font-weight: normal;
  font-family: "minion-pro", serif;
  font-style: normal;
  text-transform: none;
  line-height: 1.3em;
  position: relative;
  padding-left: 20px;
}
.field.checkbox label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
}
.field.checkbox .error-message {
  padding-left: 20px;
}
.field .error-message {
  display: block;
  font-size: .75em;
  margin-top: 2px;
  font-style: italic;
  color: #e32b2b;
}
.rich-text blockquote {
  width: 70%;
  display: block;
  float: right;
  font-size: 1.36em;
  color: #0b1e60;
  font-style: italic;
  line-height: 1.6em;
  margin: 10px;
  padding-left: 18px;
}
.rich-text ol {
  list-style-type: decimal;
  margin-left: 40px;
}
.rich-text ul {
  list-style-type: disc;
  margin-left: 40px;
}
.rich-text dt {
  font-weight: bold;
}
.rich-text dd {
  background: none no-repeat left top;
  padding-left: 50px;
}
.rich-text table {
  width: 100%;
}
.rich-text th {
  text-align: left;
}
ul.styled-list {
  list-style-type: none;
  margin-left: 0;
}
ul.styled-list li {
  padding: 6px 0 6px 4px;
  border-top: 1px solid #e0e0e0;
  color: #746d66;
  font-size: .92em;
}
ul.styled-list li:first-child {
  border: 0;
  padding-top: 0;
}
/************************************************************************************************
 * Structure
 ************************************************************************************************/
#callout-bar {
  background: #e8e7e4;
  padding: 0;
  font-size: .775em;
}
#callout-bar h2 {
  font-size: 1.5em;
  margin: 0 0 6px;
}
#callout-bar p {
  margin: 0;
  line-height: 1.35em;
}
#callout-bar .callout-bar-widget {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#callout-bar #we-get-it-widget h2 {
  color: #0b1e60;
}
#callout-bar #life-covered-widget h2 {
  display: block;
  width: 132px;
  background: url(../../images/callout-bar-heading-life-covered.png) left 5px no-repeat;
  text-indent: -9999px;
}
#callout-bar #contact-widget {
  display: block;
}
#callout-bar #contact-widget h2 {
  float: left;
}
#callout-bar #contact-widget .tel {
  float: right;
  color: #484848;
  font-size: 1.2em;
  font-weight: 600;
  font-style: italic;
}
#callout-bar #contact-widget .dropdown {
  position: relative;
  zoom: 1;
  clear: both;
}
#callout-bar #contact-widget .dropdown:before,
#callout-bar #contact-widget .dropdown:after {
  content: "";
  display: table;
}
#callout-bar #contact-widget .dropdown:after {
  clear: both;
}
#callout-bar #contact-widget .dropdown .selected {
  display: block;
  width: 70%;
  padding: 0 10px;
  margin: 0 5% 0 0;
  height: 30px;
  line-height: 30px;
  background: #ffffff url(../../images/icon-down-arrow.png) right center no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  border: 1px solid #d1cfc7;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 1.067em;
  font-style: italic;
  font-weight: 600;
  color: #484848;
  overflow: hidden;
}
#callout-bar #contact-widget .dropdown .button {
  width: 25%;
  padding: 0;
  margin: 0;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 1em;
}
#callout-bar #contact-widget .dropdown .list {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;
  background: white;
  padding: 5px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d1cfc7;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
#callout-bar #contact-widget .dropdown .list li a {
  display: block;
  padding: 5px 10px;
  font-style: italic;
  font-size: 1.125em;
  font-weight: 600;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#callout-bar #contact-widget .dropdown .list li a:hover {
  background-color: #f4f2eb;
}
#header {
  padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
#header #mobile-menu-trigger {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 21px;
  right: 20px;
  z-index: 2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #0e2577 url(../../images/icon-mobile-menu.png) center center no-repeat;
  background-size: 25px 25px;
  text-indent: -9999px;
  -webkit-transition: backround-color 200ms linear;
  -moz-transition: backround-color 200ms linear;
  -ms-transition: backround-color 200ms linear;
  -o-transition: backround-color 200ms linear;
  transition: backround-color 200ms linear;
}
#header #mobile-menu-trigger.mobile-expanded {
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#header #header-logo {
  display: block;
  width: 140px;
}
#header #primary-navigation {
  display: none;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px -15px 0;
  background: #3c3732;
  color: white;
  padding: 30px 15px;
}
#header #primary-navigation:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 5000px;
  right: 29px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 14px 12px 14px;
  border-color: transparent transparent #3c3732 transparent;
}
#header #primary-navigation.mobile-expanded:before {
  top: -2px;
}
#header #primary-navigation > li > a {
  color: white;
}
#header #primary-navigation > li > ul li a {
  font-family: "minion-pro", serif;
  text-transform: none;
  font-style: italic;
  color: #a69d93;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  #header .columns {
    width: 100%;
    text-align: center;
  }
}
#billboard {
  margin-bottom: 30px;
}
#sidebar h2 {
  font-size: 1.29em;
  margin-bottom: 4px;
  color: #0b1e60;
}
#sidebar .sidebar-menu li {
  border-top: 1px solid #d1cfc7;
  font-size: .95em;
  color: #333;
  font-weight: 600;
  padding: 4px 0;
}
#sidebar .sidebar-menu li:first-child {
  border: 0;
}
#sidebar .sidebar-menu li a {
  color: #333;
  display: block;
  font-weight: 600;
}
#sidebar .sidebar-menu li a:hover {
  color: #0b1e60;
}
#sidebar .sidebar-menu li.active a {
  color: #ccae5d;
  font-style: italic;
}
#footer {
  font-size: .8235em;
  padding: 30px 0;
  background: #ecebe8;
}
#footer #footer-top {
  margin-bottom: 40px;
  text-align: center;
}
#footer #footer-top h3 {
  margin-bottom: 4px;
}
#footer #footer-top #footer-navigation {
  margin: 0;
}
#footer #footer-top #footer-navigation > li > a {
  text-rendering: optimizelegibility;
  font-weight: 700;
  margin: 0 0 12px 0;
  font-size: 1.529em;
  color: #333;
  font-style: italic;
  line-height: 1.1em;
  display: block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
#footer #footer-top #footer-navigation > li > a a {
  text-decoration: none;
}
#footer #footer-top #footer-navigation > li ul {
  display: none;
}
#footer #footer-top #footer-navigation > li ul a {
  color: #484848;
}
#footer #footer-top #footer-navigation > li ul a:hover {
  color: #0b1e60;
}
#footer #footer-top #footer-navigation > li.contact-us {
  display: none;
}
#footer #footer-top .phone {
  margin-top: 10px;
}
#footer #footer-top .social {
  margin-top: 6px;
}
#footer #footer-top .social li {
  display: inline-block;
  margin-left: 6px;
}
#footer #footer-top .social li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
#footer #footer-top .social li a {
  display: block;
  width: 24px;
  height: 24px;
  color: #484848;
  text-indent: -9999px;
}
#footer #footer-top .social li a.twitter {
  background: url(../../images/icon-twitter.png) left top no-repeat;
  background-size: 100%;
}
#footer #footer-top .social li a.linkedin {
  background: url(../../images/icon-linkedin.png) left top no-repeat;
  background-size: 100%;
}
#footer #footer-top .social li a.facebook {
  background: url(../../images/icon-facebook.png) left top no-repeat;
  background-size: 100%;
}
#footer #footer-top .social li a.youtube {
  background: url(../../images/icon-youtube.png) left top no-repeat;
  background-size: 100%;
}
#footer #footer-bottom {
  text-align: center;
}
#footer #footer-bottom #footer-terms-navigation li {
  display: inline-block;
}
#footer #footer-bottom #footer-terms-navigation li > a {
  font-weight: bold;
  color: #484848;
  line-height: 1em;
  margin-left: 8px;
  border-left: 1px solid #d1cfc7;
  padding-left: 10px;
}
#footer #footer-bottom #footer-terms-navigation li:first-child > a {
  margin: 0;
  padding: 0;
  border: 0;
}
#footer #footer-bottom #footer-logo {
  margin-bottom: 20px;
}
#footer #footer-bottom #footer-logo img {
  width: 170px;
  max-width: 100%;
}
/************************************************************************************************
 * Widgets
 ************************************************************************************************/
/* Team Profiles */
#homepage-team-widget {
  text-align: center;
}
#homepage-team-widget img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#homepage-team-widget .name {
  font-size: 1.075em;
  font-weight: bold;
  margin: 10px 0 6px;
}
#homepage-team-widget .title {
  font-weight: normal;
  color: #6F6958;
  display: block;
}
#homepage-team-widget p {
  text-align: left;
  font-size: .888em;
  margin-bottom: 18px;
  padding: 0 10px;
}
#homepage-team-widget .button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #homepage-team-widget .columns {
    border-top: 1px solid #d1cfc7;
    padding-top: 20px;
    margin-top: 20px;
  }
  #homepage-team-widget .columns:first-child {
    border: 0;
    padding-top: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #homepage-team-widget {
    text-align: left;
  }
  #homepage-team-widget img {
    float: left;
    width: 25%;
  }
  #homepage-team-widget .personnel-info {
    float: right;
    width: 75%;
    padding-left: 20px;
  }
  #homepage-team-widget .name {
    margin-top: 0;
  }
  #homepage-team-widget p {
    padding: 0;
  }
}
/* Contact Us Form */
.contact-us-form input[type="submit"] {
  border: none;
  padding: 0px 40px;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  margin-bottom: 20px;
  background: #0b1e60;
  text-align: center;
  color: white;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 52px;
  font-style: italic;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "minion-pro", serif;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  line-height: 50px;
}
.contact-us-form .checkbox {
  font-size: 1em;
  margin-bottom: 20px;
}
/************************************************************************************************
 * Pages
 ************************************************************************************************/
/*** Home ***/
body.home #billboard #billboard-we-get-it {
  text-align: center;
  padding-top: 64%;
  background: url(../../images/image-homepage-billboard-mobile.jpg) center top no-repeat;
  background-size: 100% auto;
}
body.home #billboard #billboard-we-get-it .copy {
  border-bottom: 1px solid #d1cfc7;
  padding: 20px 15px;
  margin-bottom: 10px;
  word-break: keep-all;
}
body.home #billboard #billboard-we-get-it .copy p {
  text-align: left;
  font-size: 17px;
  font-weight: normal;
}
body.home #main {
  margin-bottom: 30px;
}
body.home #main h2 {
  font-size: 2.5em;
  color: #0b1e60;
}
body.home #main #homepage-areas-menu h3 {
  margin-bottom: 4px;
}
body.home #main #homepage-areas-menu li {
  padding-bottom: 0;
}
body.home #main #homepage-areas-menu li a {
  display: block;
  padding: 8px 30px 8px 0;
  border-top: 1px solid #d1cfc7;
  color: #484848;
  font-weight: 600;
  font-size: .95em;
  background: url(../../images/icon-arrow.png) right center no-repeat;
}
body.home #main #homepage-areas-menu li a:hover {
  color: #0b1e60;
}
body.home #main #homepage-areas-menu li:first-child a,
body.home #main #homepage-areas-menu li:first-child + li a {
  border-width: 0;
}
@media screen and (max-width: 480px) {
  body.home #main #homepage-areas-menu li {
    width: 100%;
  }
  body.home #main #homepage-areas-menu li:first-child + li a {
    border-width: 1px;
  }
}
body.home #sidebar {
  text-align: center;
  margin-bottom: 20px;
}
body.home #bottom {
  background: #dedcd3;
  padding: 30px 0 40px;
}
body.home #bottom h2 {
  text-align: center;
  margin-bottom: 32px;
}
/*** The Team ***/
body.the-team #team-profiles .profile {
  border-top: 1px solid #d1cfc7;
  padding-top: 30px;
  margin-top: 20px;
}
body.the-team #team-profiles .profile:first-child {
  border: 0;
  padding-top: 0;
  margin-top: 0;
}
body.the-team #team-profiles .profile img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
body.the-team #team-profiles .profile .name {
  margin-bottom: 4px;
  line-height: 1em;
}
body.the-team #team-profiles .profile .title {
  text-rendering: optimizelegibility;
  font-weight: 700;
  margin: 0 0 12px 0;
  font-size: 1.529em;
  color: #333;
  font-style: italic;
  line-height: 1.1em;
  color: #746d66;
  margin-bottom: 8px;
}
body.the-team #team-profiles .profile .title a {
  text-decoration: none;
}
body.the-team #team-profiles .profile .areas-of-practice label {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "proxima-nova", sans-serif;
  font-size: .75em;
  color: #222;
}
@media screen and (max-width: 480px) {
  body.the-team #team-profiles .profile {
    text-align: center;
  }
  body.the-team #team-profiles .profile .columns {
    width: 100% !important;
    float: none;
  }
  body.the-team #team-profiles .profile .short-bio,
  body.the-team #team-profiles .profile .areas-of-practice {
    text-align: left;
  }
}
/*** Single Team Profile ***/
body.profile #desktop-picture {
  display: none;
}
body.profile h1 .job-title {
  display: block;
  font-size: .7em;
  font-style: italic;
  color: #746d66;
}
/*** Areas of Practice ***/
body.areas-of-practice .area {
  border-top: 1px solid #d1cfc7;
  padding-top: 20px;
  margin-top: 20px;
}
body.areas-of-practice .area:first-child {
  border: 0;
  padding-top: 0;
  margin-top: 0;
}
/*** Single Area of Practice ***/
body.area-of-practice .contact-us-form {
  width: 100%;
  padding: 0 20px 30px 20px;
  background: white;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
body.area-of-practice .contact-us-form h3 {
  background: #0b1e60;
  color: white;
  text-align: center;
  padding: 12px 0;
  margin: 0 -20px 24px;
  font-size: 1.59em;
}
body.area-of-practice .contact-us-form input[type="submit"] {
  border: none;
  padding: 0px 40px;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  margin-bottom: 20px;
  background: #0b1e60;
  text-align: center;
  color: white;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 52px;
  font-style: italic;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "minion-pro", serif;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  display: block;
  width: 200px;
  margin: 0 auto;
  line-height: 50px;
}
body.area-of-practice .contact-us-form .checkbox {
  margin-bottom: 20px;
}
/* LARGER MOBILE DEVICES */
@media only screen and (min-width: 481px) {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: 481px and Up Stylesheet
 *
 ************************************************************************************************/
  /*** Single Area of Practice ***/
  body.area-of-practice .contact-us-form {
    width: 304px;
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
  }
}
/* TABLET & SMALLER LAPTOPS */
@media only screen and (min-width: 768px) {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Tablet & Small Desktop Stylesheet
 *
 ************************************************************************************************/
  /************************************************************************************************
 * Structure
 ************************************************************************************************/
  #callout-bar .columns {
    border-left: 1px solid #dcdbd6;
  }
  #callout-bar .columns:first-child {
    border: 0;
  }
  #callout-bar h2 {
    margin: 0;
  }
  #callout-bar .callout-bar-widget {
    display: block;
  }
  #callout-bar #contact-widget .dropdown {
    padding-top: 2px;
  }
  #header #mobile-menu-trigger {
    display: none;
  }
  #header #header-logo {
    width: auto;
  }
  #header #primary-navigation {
    display: block !important;
    font-size: .94em;
    margin: 8px 0 0 0;
    padding: 0;
    background: transparent;
  }
  #header #primary-navigation:before {
    display: none;
  }
  #header #primary-navigation > li {
    display: inline-block;
    border-left: 1px solid #d1cfc7;
    position: relative;
  }
  #header #primary-navigation > li:first-child {
    border: 0;
  }
  #header #primary-navigation > li > a {
    display: block;
    padding: 12px 18px 11px;
    color: #333;
  }
  #header #primary-navigation > li > ul {
    width: 300px;
    position: absolute;
    top: 100%;
    left: -9999px;
    opacity: 0;
    background: white;
    padding: 20px 26px;
    margin: 0;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  #header #primary-navigation > li > ul li > a {
    display: block;
    font-family: "minion-pro", serif;
    text-transform: none;
    font-style: italic;
    font-size: 1.0625em;
    color: #484848;
    padding: 8px 0;
    border-top: 1px solid #e8e7e7;
  }
  #header #primary-navigation > li > ul li > a:hover {
    color: #0b1e60;
  }
  #header #primary-navigation > li > ul li:first-child > a {
    border: 0;
  }
  #header #primary-navigation > li > ul li.selected > a {
    color: #ccae5d;
  }
  #header #primary-navigation > li:hover {
    background-color: #012c59;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#013f7d), to(#012c59));
    background-image: -webkit-linear-gradient(top, #013f7d, #012c59);
    background-image: -moz-linear-gradient(top, #013f7d, #012c59);
    background-image: -o-linear-gradient(top, #013f7d, #012c59);
    background-image: linear-gradient(to bottom, #013f7d, #012c59);
  }
  #header #primary-navigation > li:hover > a {
    color: white;
  }
  #header #primary-navigation > li:hover > ul {
    opacity: 1;
    left: 0;
  }
  #billboard {
    margin-bottom: 45px;
    background: #5c4937;
    box-shadow: inset 0px 0px 100px #352b20;
    -webkit-box-shadow: inset 0px 0px 100px #352b20;
    -moz-box-shadow: inset 0px 0px 100px #352b20;
  }
  #main {
    margin-bottom: 100px;
  }
  #footer {
    padding: 30px 0;
  }
  #footer #footer-top {
    text-align: left;
  }
  #footer #footer-top h3 {
    font-size: 1.2em;
  }
  #footer #footer-top #footer-navigation {
    padding-left: 40px;
  }
  #footer #footer-top #footer-navigation > li {
    width: 25%;
    float: left;
    padding: 0 15px;
  }
  #footer #footer-top #footer-navigation > li > a {
    border: 0;
    font-size: 1.2em;
    margin-bottom: 4px;
    padding: 0;
  }
  #footer #footer-top #footer-navigation > li ul {
    display: block;
  }
  #footer #footer-bottom {
    text-align: inherit;
  }
  #footer #footer-bottom #footer-copyright {
    font-size: .9em;
    padding-top: 20px;
    text-align: right;
  }
  /************************************************************************************************
 * Pages
 ************************************************************************************************/
  /*** Home ***/
  body.home #billboard #billboard-we-get-it {
    margin: 0 -15px;
    padding: 0;
    text-align: center;
    background: url(../../images/image-homepage-billboard.jpg) left top no-repeat;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  }
  body.home #billboard #billboard-we-get-it .copy {
    width: 328px;
    padding: 24px 30px;
    margin: 0;
    border: 0;
    background: white;
  }
  body.home #billboard #billboard-we-get-it h1 {
    font-size: 2.75em;
    border-bottom: 1px solid #ced2df;
    padding-bottom: 10px;
  }
  body.home #billboard #billboard-we-get-it p {
    font-style: italic;
    line-height: 1.3em;
  }
  body.home #billboard #billboard-we-get-it .button {
    margin: 0;
  }
  body.profile #mobile-picture {
    display: none;
  }
  body.profile #desktop-picture {
    display: block;
    margin-bottom: 30px;
  }
}
/* DESKTOP */
@media only screen and (min-width: 960px) {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Desktop Stylesheet
 *
 ************************************************************************************************/
  /************************************************************************************************
 * Structure
 ************************************************************************************************/
  #header-logo {
    width: 219px !important;
  }
  #header #primary-navigation {
    float: right;
    margin-top: 20px;
  }
  #header #primary-navigation > li > a {
    padding: 12px 14px 11px;
  }
  /************************************************************************************************
 * Pages
 ************************************************************************************************/
  /*** Home ***/
  body.home #billboard #billboard-we-get-it {
    margin: 0;
  }
}
/* LARGE VIEWING SIZE */
@media only screen and (min-width: 1240px) {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Large Viewport Stylesheet
 *
 ************************************************************************************************/
}
/* RETINA (2x RESOLUTION DEVICES) */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Retina Images Stylesheet
 *
 ************************************************************************************************/
  #footer #footer-top .social li a.linkedin {
    background: url(../../images/icon-linkedin@2X.png) left top no-repeat;
    background-size: 20px 20px;
  }
  #footer #footer-top .social li a.youtube {
    background: url(../../images/icon-youtube@2X.png) left top no-repeat;
    background-size: 20px 20px;
  }
}
/* PRINT STYLESHEET */
@media print {
  /************************************************************************************************
 * Site Name: Cicchetti Law Firm
 * Author: Jason Koi
 * Copyright (C) 2014 DevelopThings, LLC.
 *
 * Stylesheet: Print Stylesheet
 *
 ************************************************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}