@charset "UTF-8";
/*!
Theme Name: Aeries Law
Theme URI: https://www.familylawyerdivorcetoronto.ca/
Author: Top Draw Inc.
Author URI: https://www.donaldallen.com/
Description: Aeries Law
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opi
*/
html {
  box-sizing: border-box; }

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

/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
/**
 * 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix
 * 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals
 *    Turn off all other ligatures, tabular, lining numerals, and alternates
      Uses same settings for tables
 * 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799
 */
::selection {
  color: inherit;
  /* 1. */
  text-shadow: inherit;
  /* 2. */
  background-color: #ACCEF7;
  /* 3. */ }

html,
body,
table {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
  /* 2. */ }

/* Headings
========================================================================== */
/**
 * 1. Turn on discretionary ligatures for larger headings
 */
h1,
h2,
h3 {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
  /* 1. */ }

/* Text-level semantics
========================================================================== */
/**
 * 1. Change all letters to uppercase
 * 2. Turn on small caps for upper and lowercase letters
 */
abbr {
  text-transform: uppercase;
  /* 1 */
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
  /* 2 */ }

/*
 * TODO: Turn on diagonal fractions where appropriate
 */
time {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0; }

/*
 * 1. Turn off kerning and ligatures,
 *    Turn on lining, tabular numerals, slashed zero
 */
pre,
kbd,
samp,
code {
  font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */ }

/**
 * 1. Turn on proper supercript numerals
 */
sup {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;
  /* 1. */ }

/**
 * 1. Turn on proper subscript numerals
 */
sub {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;
  /* 1. */ }

/* Grouping content
========================================================================== */
/**
 * TODO: Adds proper bullets
 */
/*
 * TODO:
 * 1. Adds counters for lists
 * 2. Use proper numerals for lists
 */
/**
 * Adds proper small caps
 */
/**
 * TODO: scmp, sc2c, pnum, case sensitive forms for postal codes
 */
/* Forms
========================================================================== */
/**
 * 1. Turns on lining, proportional numerals without clarified zeroes
 * TODO: Additional input modes https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-inputmode
 */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="week"] {
  font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;
  /* 1. */ }

/* Localisation
========================================================================== */
/* Tables
========================================================================== */
/**
 * 1. Turns on tabular, lining numerals and slashed zero
 */
tbody,
caption {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */ }

html {
  box-sizing: border-box;
  font-size: 16px; }

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

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Open Sans";
  color: #393939;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none; }

input, textarea, select {
  font-family: "Open Sans"; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Cardo";
  font-weight: 400;
  margin: 0; }

h1 {
  font-size: 2.5rem;
  line-height: 40pt;
  margin: 0 0 1rem; }
  @media screen and (min-width: 641px) {
    h1 {
      font-size: 3.125rem;
      line-height: 50pt; } }
  h1 a {
    color: inherit; }
    h1 a:hover {
      color: #34495e; }

h2 {
  font-size: 1.875rem;
  line-height: 30pt;
  margin: 0 0 1rem; }
  h2 a {
    font-weight: 700;
    color: #34495e; }

h3 {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0 0 1rem; }
  h3 a {
    font-weight: 700; }

h4 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 26pt;
  color: #22303d; }
  h4 a {
    font-weight: 700;
    text-decoration: underline; }

h5 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 26pt;
  color: #808285; }
  h5 a {
    font-weight: 700;
    text-decoration: underline; }

h6 {
  font-size: 0.75rem;
  line-height: 22pt;
  color: #808285; }
  h6 a {
    font-weight: 700;
    text-decoration: underline; }

a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.entry-content a {
  font-weight: 600;
  color: #34495e; }

p, ul, ol {
  line-height: 26pt; }

p {
  margin: 0 0 1rem; }

p:last-child {
  margin: 0; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: #34495e; }
  a:hover {
    color: #22303d; }

.alignright {
  float: right;
  margin: 0 0 2rem 2rem; }

.alignleft {
  float: left;
  margin: 0 2rem 2rem 0; }

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

@media screen and (max-width: 640px) {
  img.alignleft {
    float: none;
    margin: 1rem 0;
    min-width: 100%;
    height: auto; } }

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

/* No files to import found in vendors/* */
/* No files to import found in utils/* */
.address {
  margin: 0 0 2rem; }
  .address [itemprop="maps"] {
    display: block; }
  .address .phone {
    display: block; }

article.page .wrap {
  max-width: 90em;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media screen and (min-width: 641px) {
    article.page .wrap {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  article.page .wrap .entry-content {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 2rem; }
  article.page .wrap .sidebar {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.btn, button {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #EEBA29;
  color: #fff;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: 0 3px 0 #ca9910;
  text-shadow: 0 1px 0 #bc8e0f; }
  .btn span, button span {
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .btn i, button i {
    margin: 0 0 0 0.3rem;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn:hover, button:hover {
    color: #fff;
    background-color: #d3a011;
    box-shadow: 0 3px 0 #a47c0d; }

article.page .entry-header, body.blog .blog-header {
  padding: 6rem 2rem;
  background-image: url("img/hero-banner.jpg");
  background-position: center center;
  background-size: cover; }
  article.page .entry-header h1, body.blog .blog-header h1 {
    margin: 0;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); }
.site-footer {
  color: #808285;
  text-align: center; }
  .site-footer .content {
    padding: 2rem; }

.footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media screen and (min-width: 641px) {
    .footer-navigation ul {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  .footer-navigation ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
    .footer-navigation ul li:last-child a {
      border: none; }
    .footer-navigation ul li a {
      display: block;
      padding: 1rem 0;
      background-color: #22303d;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 0.875rem; }
      @media screen and (min-width: 641px) {
        .footer-navigation ul li a {
          border-right: 1px solid #46637f; } }
      .footer-navigation ul li a:hover {
        background-color: #EEBA29; }
.footer-navigation ul.sub-menu {
  display: none; }

.gform_wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .gform_wrapper ul li {
    margin: 0 0 0.3rem; }
.gform_wrapper label {
  display: block;
  text-transform: uppercase;
  color: #808285;
  margin: 0 0 0rem;
  font-size: 0.875rem; }
.gform_wrapper input, .gform_wrapper textarea {
  width: 100%;
  border: 2px solid #EBEBEB;
  padding: 0.5rem;
  font-size: 0.875rem; }
.gform_wrapper .gfield_radio {
  display: block; }
  .gform_wrapper .gfield_radio li {
    display: inline-block;
    margin: 0 1rem 0 0; }
    .gform_wrapper .gfield_radio li input {
      width: auto; }
    .gform_wrapper .gfield_radio li label {
      display: inline-block; }

.acf-map {
  width: 100%;
  height: 300px;
  border: none;
  margin: 20px 0; }

.site-header {
  border-bottom: 1px solid #EBEBEB; }
  .site-header .mobile-nav {
    display: none;
    overflow: scroll; }
    .site-header .mobile-nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .site-header .mobile-nav ul li a {
        display: block;
        background-color: #22303d;
        color: #fff;
        padding: 0.3rem 0.5rem;
        border-bottom: 1px solid #34495e; }
      .site-header .mobile-nav ul li ul.sub-menu {
        background: none; }
        .site-header .mobile-nav ul li ul.sub-menu li a {
          padding: 0.3rem 0 0.3rem 2rem;
          background-color: #34495e;
          border-bottom: 1px solid #3d566e; }
  .site-header .secondary-navigation {
    background-color: #22303d;
    overflow: hidden; }
    .site-header .secondary-navigation form {
      display: none; }
      @media screen and (min-width: 641px) {
        .site-header .secondary-navigation form {
          width: 100%;
          float: left;
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: stretch;
          -moz-box-align: stretch;
          box-align: stretch;
          -webkit-align-items: stretch;
          -moz-align-items: stretch;
          -ms-align-items: stretch;
          -o-align-items: stretch;
          align-items: stretch;
          -ms-flex-align: stretch;
          width: 300px;
          margin: 6px 0 0 1rem; } }
      .site-header .secondary-navigation form [type="search"] {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        -webkit-align-self: align-self;
        -moz-align-self: align-self;
        align-self: align-self;
        -ms-flex-item-align: align-self;
        background-color: #46637f;
        border: none;
        font-size: 1rem;
        padding: 0.5rem 0.2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        outline: none; }
      .site-header .secondary-navigation form button {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0;
        box-shadow: none;
        background-color: #587ca0; }
        .site-header .secondary-navigation form button span {
          font-size: 0.625rem; }
    .site-header .secondary-navigation ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end;
      list-style: none;
      margin: 0;
      padding: 0; }
      @media screen and (min-width: 641px) {
        .site-header .secondary-navigation ul {
          float: right; } }
      @media screen and (max-width: 640px) {
        .site-header .secondary-navigation ul li {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 0 50%;
          -moz-flex: 1 0 50%;
          -ms-flex: 1 0 50%;
          flex: 1 0 50%; } }
      .site-header .secondary-navigation ul li:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.1); }
      .site-header .secondary-navigation ul li a {
        display: block;
        padding: 0.5rem;
        margin: 0rem;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.8125rem;
        border: 1px solid transparent;
        color: #fff;
        text-align: center; }
        @media screen and (min-width: 641px) {
          .site-header .secondary-navigation ul li a {
            padding: 0.5rem 3rem; } }
        .site-header .secondary-navigation ul li a i {
          margin: 0 0.8rem 0 0;
          vertical-align: middle; }
        .site-header .secondary-navigation ul li a.contact {
          background-color: #EEBA29; }
          @media screen and (min-width: 641px) {
            .site-header .secondary-navigation ul li a.contact {
              font-size: 1rem; } }
          .site-header .secondary-navigation ul li a.contact .hide-mobile {
            display: none; }
            @media screen and (min-width: 641px) {
              .site-header .secondary-navigation ul li a.contact .hide-mobile {
                display: inline; } }
          .site-header .secondary-navigation ul li a.contact:hover {
            background-color: #a47c0d; }
        .site-header .secondary-navigation ul li a:hover {
          background-color: #46637f; }
  .site-header .wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 1rem 0;
  flex-wrap:wrap }
  .site-header .site-branding {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2; }
    @media screen and (min-width: 1060px) {
      .site-header .site-branding {
        flex: 1 0 auto; } }
    .site-header .site-branding a {
      display: block; }
      .site-header .site-branding a .logo {
        display: block;
        height: 50px;
        margin: 0 0 1rem;
        background-image: url("/wp-content/themes/aaries/img/logo.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
      .site-header .site-branding a .brand {
        display: block;
        text-align: center;
        font-family: "Cardo";
        font-weight: 600;
        color: #22303d;
        font-size: 1.25rem; }
  .site-header .main-navigation {
    flex: 1 0 auto; }
    @media screen and (min-width: 641px) {
      .site-header .main-navigation {

        flex: 1 0 auto; } }
    .site-header .main-navigation .mobile-menu {
      position: relative;
      margin: 0 auto;
      display: block;
      width: 60px;
      height: 60px;
      border: 1px solid #EBEBEB; }
      @media screen and (min-width: 1060px) {
        .site-header .main-navigation .mobile-menu {
          display: none; } }
      .site-header .main-navigation .mobile-menu .hamburger {
        position: relative;
        display: block;
        width: 50%;
        height: 2px;
        background-color: #22303d;
        margin: 1rem auto; }
        .site-header .main-navigation .mobile-menu .hamburger:before {
          position: absolute;
          top: -7px;
          content: '';
          width: 100%;
          height: 2px;
          background-color: #22303d; }
        .site-header .main-navigation .mobile-menu .hamburger:after {
          position: absolute;
          bottom: -7px;
          content: '';
          width: 100%;
          height: 2px;
          background-color: #22303d; }
      .site-header .main-navigation .mobile-menu .label {
        display: block;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.75rem;
        color: #22303d; }
    .site-header .main-navigation ul {
      display: none; }
      @media screen and (min-width: 1060px) {
        .site-header .main-navigation ul {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0; } }
      .site-header .main-navigation ul li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        position: relative; }
        .site-header .main-navigation ul li.menu-item-has-children a::after {
          display: inline-block;
          margin: 0 0 0 0.5rem;
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e601";
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .site-header .main-navigation ul li a {
          display: block;
          font-weight: bold;
          padding: 1rem 0.5rem;
          text-transform: uppercase;
          font-size: 0.875rem;
          text-align: center; }
          .site-header .main-navigation ul li a:hover ~ .sub-menu {
            left: 0; }
          .site-header .main-navigation ul li a:hover {
            color: #fff;
            background-color: #22303d; }
        .site-header .main-navigation ul li.menu-item-837 ul.sub-menu, .site-header .main-navigation ul li.page-item-8 ul.sub-menu {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -moz-box-orient: horizontal;
          box-orient: horizontal;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -ms-flex-direction: row;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -moz-box-align: start;
          box-align: start;
          -webkit-align-items: flex-start;
          -moz-align-items: flex-start;
          -ms-align-items: flex-start;
          -o-align-items: flex-start;
          align-items: flex-start;
          -ms-flex-align: start;
          width: 500px; }
          .site-header .main-navigation ul li.menu-item-837 ul.sub-menu li, .site-header .main-navigation ul li.page-item-8 ul.sub-menu li {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            box-flex: 1;
            -webkit-flex: 1 0 50%;
            -moz-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%; }
        .site-header .main-navigation ul li ul.sub-menu {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
          position: absolute;
          left: -9999px;
          width: 220px;
          background-color: #fff;
          border: 1px solid #EBEBEB;
          z-index: 10; }
          .site-header .main-navigation ul li ul.sub-menu li {
            display: block; }
            .site-header .main-navigation ul li ul.sub-menu li:nth-child(even) a {
              border-left: 1px solid #EBEBEB; }
          .site-header .main-navigation ul li ul.sub-menu:hover {
            left: 0; }
          .site-header .main-navigation ul li ul.sub-menu a {
            padding: 0.5rem 2rem;
            text-transform: none;
            text-align: left;
            border: none;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out; }
            .site-header .main-navigation ul li ul.sub-menu a::after {
              display: none; }
            .site-header .main-navigation ul li ul.sub-menu a:hover {
              border: none;
              border-bottom: 1px solid #EBEBEB;
              background-color: #34495e;
              color: #fff; }
  .site-header.headroom--not-top {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 90em;
    background-color: #fff;
    z-index: 100;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -moz-transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    -o-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%); }
    .site-header.headroom--not-top.active {
      -webkit-transform: translateY(0) translateX(-50%);
      -moz-transform: translateY(0) translateX(-50%);
      -ms-transform: translateY(0) translateX(-50%);
      -o-transform: translateY(0) translateX(-50%);
      transform: translateY(0) translateX(-50%); }
    .site-header.headroom--not-top .wrap {
      padding: 0.5rem 0; }
    .site-header.headroom--not-top .site-branding a .logo {
      height: 30px;
      margin: 0 0 10px; }
    .site-header.headroom--not-top .site-branding a .brand {
      font-size: 1rem; }

.navigation {
  margin: 1rem 0; }
  .navigation .nav-links {
    overflow: hidden; }
    .navigation .nav-links .nav-previous, .navigation .nav-links .nav-next {
      width: 50%;
      text-align: center; }
      .navigation .nav-links .nav-previous:only-child, .navigation .nav-links .nav-next:only-child {
        width: 100%; }
      .navigation .nav-links .nav-previous a, .navigation .nav-links .nav-next a {
        display: block;
        padding: 2rem;
        background-color: #34495e;
        color: #fff;
        font-weight: 600; }
        .navigation .nav-links .nav-previous a:hover, .navigation .nav-links .nav-next a:hover {
          background-color: #2b3c4e; }
    .navigation .nav-links .nav-previous {
      float: left; }
    .navigation .nav-links .nav-next {
      float: right; }

.sidebar {
  padding: 2rem 1rem; }
  .sidebar .widget {
    margin: 1rem 0;
    padding: 0 0 0 1rem;
    border-left: 3px solid #EBEBEB; }

.tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 640px) {
    .tabs ul {
      width: 100%;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; } }
  .tabs ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
    .tabs ul li:last-child a {
      border: none; }
    .tabs ul li a {
      position: relative;
      display: block;
      text-align: center;
      background-color: #34495e;
      padding: 1rem;
      color: #fff;
      font-weight: 600;
      overflow: hidden;
      border-right: 1px solid #46637f; }
      .tabs ul li a:hover, .tabs ul li a.active {
        color: #22303d;
        background-color: #EEBA29; }

.tab-panels .panel {
  display: none; }
  .tab-panels .panel.active {
    display: block; }
  .tab-panels .panel .title {
    background-color: #EEBA29;
    padding: 2rem;
    border-bottom: 5px solid #34495e; }
    .tab-panels .panel .title h2 {
      font-size: 2.625rem;
      margin: 0;
      text-align: center; }
  .tab-panels .panel .wrap {
    padding: 1rem; }
    @media screen and (min-width: 641px) {
      .tab-panels .panel .wrap {
        max-width: 75%;
        margin: 0 auto;
        padding: 4rem; } }

/* No files to import found in layouts/* */
.error-404 .page-header {
  margin: 2rem 0 0;
  text-align: center; }
.error-404 .page-content {
  text-align: center; }
  .error-404 .page-content form {
    max-width: 600px;
    margin: 0 auto 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .error-404 .page-content form label {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 80%;
      -moz-flex: 1 0 80%;
      -ms-flex: 1 0 80%;
      flex: 1 0 80%; }
      .error-404 .page-content form label input {
        display: block;
        width: 100%;
        -webkit-appearance: none;
        border: 1px solid #e6e6e6;
        font-size: 1rem;
        padding: 1rem;
        outline: none; }
    .error-404 .page-content form button {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 20%;
      -moz-flex: 1 0 20%;
      -ms-flex: 1 0 20%;
      flex: 1 0 20%;
      -webkit-appearance: none;
      border: none; }
  .error-404 .page-content .suggestions {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    @media screen and (min-width: 641px) {
      .error-404 .page-content .suggestions {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
    .error-404 .page-content .suggestions li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 33.333%;
      -moz-flex: 1 0 33.333%;
      -ms-flex: 1 0 33.333%;
      flex: 1 0 33.333%; }
      .error-404 .page-content .suggestions li a {
        display: block;
        background-color: #34495e;
        padding: 1rem 0;
        color: #fff;
        text-align: center;
        margin: 0.5rem;
        border-radius: 5px;
        box-shadow: 0 4px 0 #000;
        text-transform: uppercase;
        font-size: 0.875rem;
        letter-spacing: 1px;
        font-weight: 600; }
        .error-404 .page-content .suggestions li a:hover {
          background-color: #EEBA29;
          box-shadow: 0 4px 0 #d3a011; }

.page-about-us .home-hero .hero, .page-our-team .home-hero .hero {
  height: 500px; }
  .page-about-us .home-hero .hero .mark, .page-our-team .home-hero .hero .mark {
    background-image: url("img/mark-tie.png");
    background-position: left bottom; }

.blog .columns, .single .columns {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90em;
  margin: 0 auto; }
  .blog .columns .column, .single .columns .column {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 2rem 1rem; }
    .blog .columns .column:last-child, .single .columns .column:last-child {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .blog .columns .column article, .single .columns .column article {
      padding: 0 0 3rem;
      margin: 0 0 3rem;
      border-bottom: 2px solid #EBEBEB; }
      .blog .columns .column article h1, .single .columns .column article h1 {
        margin: 0 0 0.5rem;
        font-size: 2rem; }
      .blog .columns .column article .entry-meta, .single .columns .column article .entry-meta {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.75rem;
        color: #808285;
        margin: 0 0 1rem; }
        .blog .columns .column article .entry-meta a, .single .columns .column article .entry-meta a {
          color: #808285; }
    .blog .columns .column .widget, .single .columns .column .widget {
      margin: 1rem 0;
      padding: 0 0 0 1rem;
      border-left: 3px solid #EBEBEB; }
      .blog .columns .column .widget h2, .single .columns .column .widget h2 {
        font-size: 1.625rem; }

.home .address {
  text-align: center;
  color: #98afc6;
  font-size: 0.875rem;
  margin: 0 0 1rem; }
  .home .address a {
    color: #EEBA29;
    font-weight: bold; }
  .home .address [itemprop="name"], .home .address [itemprop="maps"], .home .address .phone {
    display: none; }

.home-hero {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media screen and (min-width: 641px) {
    .home-hero {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  .home-hero .hero {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2; }
  .home-hero h2 {
    position: relative;
    font-weight: 400;
    margin: 0 0 2rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem; }
    @media screen and (min-width: 641px) {
      .home-hero h2 {
        margin: 0 0 4rem;
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media screen and (min-width: 1025px) {
      .home-hero h2 {
        margin: 0 0 4rem;
        font-size: 2.625rem;
        line-height: 3.75rem; } }
    .home-hero h2::after {
      content: '';
      position: absolute;
      display: block;
      width: 20%;
      height: 3px;
      background-color: #EEBA29;
      bottom: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
  .home-hero .form {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #22303d; }
    .home-hero .form h3 {
      text-align: center;
      color: #fff;
      margin: 2rem 0 0; }
    .home-hero .form p {
      padding: 0 2rem;
      color: #fff;
      text-align: center;
      font-size: 0.8125rem;
      line-height: 1.25rem; }
      .home-hero .form p a {
        color: #EEBA29;
        font-weight: bold; }
    .home-hero .form .gform_fields {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .home-hero .form .gform_fields li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 50%;
        -moz-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 0.5rem 1rem;
        margin: 0; }
        .home-hero .form .gform_fields li:last-child {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 0 100%;
          -moz-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
          flex: 1 0 100%; }
      .home-hero .form .gform_fields textarea {
        height: 180px; }
      .home-hero .form .gform_fields label {
        margin: 0;
        font-weight: bold;
        font-size: 0.75rem;
        color: #b9c9d8; }
      .home-hero .form .gform_fields input, .home-hero .form .gform_fields textarea {
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        background-color: #34495e;
        padding: 0.5rem;
        color: #fff; }
    .home-hero .form button {
      display: inline-block;
      text-align: center;
      margin: 0 5% 1rem;
      width: 90%; }
    .home-hero .form .gform_confirmation_wrapper {
      color: #fff;
      padding: 2rem;
      height: 400px; }

.hero {
  position: relative;
  background-image: url("img/hero-banner.jpg");
  background-position: center center;
  background-size: cover;
  z-index: 1; }
  @media screen and (max-width: 640px) {
    .hero {
      height: 400px; } }
  .hero::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
    z-index: -1;
    background-color: transparent;
    background-image: -webkit-linear-gradient(-360deg, transparent 20%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(90deg,transparent 20%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.3) 100%); }
  .hero .mark {
    position: absolute;
    width: 60%;
    height: 100%;
    background-image: url("img/mark-isolated.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%; }
    @media screen and (min-width: 641px) {
      .hero .mark {
        width: 50%;
        background-position: -200px bottom;
        background-size: cover; } }
    @media screen and (min-width: 1025px) {
      .hero .mark {
        width: 50%;
        background-position: -140px bottom;
        background-size: cover; } }
    @media screen and (min-width: 1441px) {
      .hero .mark {
        width: 50%;
        background-position: -50px bottom;
        background-size: cover; } }
  .hero .description {
    position: absolute;
    top: 50%;
    width: 65%;
    right: 0;
    height: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 641px) {
      .hero .description {
        width: 60%;
        left: 40%;
        right: auto; } }
    .hero .description .wrap {
      position: absolute;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 1rem; }
      @media screen and (min-width: 641px) {
        .hero .description .wrap {
          padding: 1rem 4rem; } }
      .hero .description .wrap::before {
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        left: 50%;
        top: -30px;
        padding: 0.7rem;
        font-size: 1.375rem;
        text-align: center;
        background-color: #fff;
        border-radius: 500px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: #34495e;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e600"; }
    .hero .description h2 {
      display: block;
      font-size: 1.25rem;
      color: #fff;
      line-height: 1.6;
      font-weight: 300;
      margin: 0 0 2rem;
      padding: 2rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
      @media screen and (min-width: 641px) {
        .hero .description h2 {
          font-size: 2rem; } }
    @media screen and (max-width: 640px) {
      .hero .description .btn {
        font-size: 0.875rem;
        padding: 0.5rem 1rem; } }

.more-info {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media screen and (min-width: 641px) {
    .more-info {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  .more-info div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 50%;
    -moz-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 3rem; }
    .more-info div:first-child {
      padding: 1rem;
      background-color: #050f19;
      background-image: url("img/toronto-skyline.jpg");
      background-position: top center;
      backgroudn-repeat: none;
      background-size: cover;
      color: #fff;
      text-align: center; }
      @media screen and (min-width: 641px) {
        .more-info div:first-child {
          padding: 15vw 2rem 2rem; } }
      .more-info div:first-child h2 {
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.9); }
      .more-info div:first-child p {
        margin: 0 0 2rem; }
    .more-info div:last-child {
      position: relative;
      padding: 0; }
      @media screen and (max-width: 640px) {
        .more-info div:last-child {
          padding: 1rem;
          text-align: center; } }
      @media screen and (min-width: 641px) {
        .more-info div:last-child span.content {
          text-align: center;
          display: block;
          position: absolute;
          width: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); } }
  .more-info h2 {
    font-weight: bold; }

.home-content {
  position: relative;
  background-image: url("img/gavel.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding: 2rem 1rem;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
  z-index: 1; }
  @media screen and (min-width: 641px) {
    .home-content {
      padding: 5rem 2rem; } }
  .home-content::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 30%, white 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0) 30%, white 100%);
    z-index: -1; }
  .home-content h1 {
    color: #fff;
    text-align: center; }
  .home-content .content {
    max-width: 840px;
    margin: 0 auto;
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px; }
    @media screen and (min-width: 641px) {
      .home-content .content {
        padding: 2rem; } }
    .home-content .content .btn {
      float: right; }
    .home-content .content ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      box-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
      @media screen and (min-width: 641px) {
        .home-content .content ul {
          -webkit-box-orient: horizontal;
          -moz-box-orient: horizontal;
          box-orient: horizontal;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -ms-flex-direction: row; } }
      .home-content .content ul li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 33.333%;
        -moz-flex: 1 0 33.333%;
        -ms-flex: 1 0 33.333%;
        flex: 1 0 33.333%; }
        .home-content .content ul li a {
          display: block;
          background-color: #34495e;
          padding: 1rem 0;
          color: #fff;
          text-align: center;
          margin: 0.5rem;
          border-radius: 5px;
          box-shadow: 0 4px 0 #000;
          text-transform: uppercase;
          font-size: 0.875rem;
          letter-spacing: 1px;
          font-weight: 600; }
          .home-content .content ul li a:hover {
            background-color: #EEBA29;
            box-shadow: 0 4px 0 #d3a011; }

.choosing-lawyer {
  margin: 1rem 0 4rem; }
  .choosing-lawyer h1, .choosing-lawyer h2 {
    text-align: center; }
  .choosing-lawyer h2 {
    padding: 0 4rem; }
  .choosing-lawyer h2:first-child {
    font-size: 3.3125rem; }
  .choosing-lawyer .content {
    max-width: 840px;
    margin: 0 auto;
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px; }

.form-wrap {
  background-image: url("img/hero-banner.jpg");
  background-position: center center;
  background-size: cover;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  padding: 4rem; }
  .form-wrap h2, .form-wrap p {
    text-align: center; }
  .form-wrap form {
    padding: 4rem;
    background-color: #fff;
    max-width: 840px;
    margin: 0 auto; }

.sub-menu {
  position: relative;
  background-color: #EEBA29;
  padding: 4rem 0;
  z-index: 1; }
  .sub-menu::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 30%, white 90%);
    background-image: linear-gradient(rgba(255, 255, 255, 0) 30%, white 90%);
    z-index: -1; }
  .sub-menu h2:first-child {
    color: #fff;
    text-align: center;
    font-size: 3.375rem; }
    .sub-menu h2:first-child::after {
      background-color: #fff; }
  .sub-menu .content {
    max-width: 840px;
    margin: 0 auto;
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px; }

.blog-roll {
  padding: 3rem 0;
  text-align: center; }
  .blog-roll h3 {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #EBEBEB; }
  .blog-roll .wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    @media screen and (min-width: 641px) {
      .blog-roll .wrap {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
    .blog-roll .wrap article {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 3rem 2rem;
      text-align: left;
      border-right: 1px solid #EBEBEB; }
      .blog-roll .wrap article:last-child {
        border: none; }
      .blog-roll .wrap article figure {
        display: block;
        margin: 0;
        padding: 0;
        height: 200px;
        background-size: cover;
        background-position: center center;
        margin: 0 0 1rem; }

.search-results .page-header {
  background-color: #EEBA29;
  padding: 1rem; }
  .search-results .page-header h1 {
    margin: 0;
    text-align: center;
    font-size: 1.5rem; }
.search-results article {
  padding: 2rem;
  border-bottom: 1px solid #e6e6e6; }
  .search-results article h1 {
    font-size: 2rem;
    margin: 0; }
  .search-results article p {
    color: #646464; }

.media-query {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #34495e;
  color: #fff;
  padding: 1rem; }
  .media-query span {
    display: none; }
  @media screen and (max-width: 640px) {
    .media-query span.small {
      display: block; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .media-query span.medium {
      display: block; } }
  @media screen and (min-width: 1025px) and (max-width: 1440px) {
    .media-query span.large {
      display: block; } }
  @media screen and (min-width: 1441px) and (max-width: 1920px) {
    .media-query span.xlarge {
      display: block; } }
  @media screen and (min-width: 1921px) and (max-width: 2560px) {
    .media-query span.xxlarge {
      display: block; } }

.site {
  max-width: 90em;
  margin: 0 auto; }

@media screen and (max-width: 850px) {
  .home-hero {
    flex-direction: column;
  }

  .home-hero .hero {
    height:600px;
    flex:none;
  }
}