/*
  Theme Name: bcm-v1  
  Theme URI: http://wordpress.org/
  Description: Brighton Capital Version 1
  Author: Elastic Design
  Author URI: http://www.elasticdesign.co.uk
  Version: 1.0
  */

  /*Main SASS Template*/
  /* RESET Based on Normalize / Eric Meyer's Reset */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

  html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch; }

  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block; }

  audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline; }

  audio:not([controls]) {
    display: none;
    height: 0; }

  /* -------------------------- Typography CONTENT -------------------------- */
  hr {
    height: 1px;
    border: 0;
    background: #ddd;
    float: left;
    width: 100%; }

  code, kbd, pre, samp {
    font-family: monospace, serif; }

  a, a:visited {
    background: transparent; }

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

  b,
  strong {
    font-weight: bold; }

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

  q {
    quotes: none; }

  mark {
    background: #ff0;
    color: #000; }

  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  dfn {
    font-style: italic; }

  /* -------------------------- EMBEDED CONTENT -------------------------- */
  img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    -ms-interpolation-mode: bicubic; }

  svg:not(:root) {
    overflow: hidden; }

  /* -------------------------------------------- TABLES --------------------------------------------- */
  table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent; }

  /* --------------------------------------------- FORMS ---------------------------------------------- */
  fieldset {
    border: 0;
    padding: 0; }

  legend {
    border: 0;
    padding: 0;
    white-space: normal; }

  button, input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; }

  button {
    overflow: visible; }

  button,
  input {
    line-height: normal; }

  button,
  select {
    text-transform: none; }

  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer; }

  button[disabled],
  html input[disabled] {
    cursor: default; }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }

  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

  input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield; }

  input, select {
    vertical-align: middle; }

  select[multiple],
  select[size] {
    height: auto; }

  textarea {
    resize: vertical;
    overflow: auto;
    height: auto;
    vertical-align: top; }


  /* -------------------------------------------- Clearfix------------------------------------------ */
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }

  .clearfix:after {
    clear: both; }

  .hide {
    display: none; }

  /*Use these if using Google fonts where more than one property is required */
  /*Set container and desktop variable for media queries*/
  /*Set global spacing*/
  /*Fonts*/
  /*Colours*/
  /*Universal Classes*/
  .primary-font {
    font-family: "Libre Baskerville", georgia, times, serif !important; }

  .secondary-font {
    font-family: "Open Sans", arial, sans-serif !important; }

  .grey-background {
    background: #414042;
    color: #a2a2a2; }
    .grey-background a, .grey-background a:visited {
      color: #c9c9c9; }

  .yellow {
    color: #ffd602; }

  .medGrey {
    color: #808285; }

  .lightGrey {
    background: #e9f0f3;
    padding: 18px 0;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 660px) {
      .lightGrey {
        padding: 24px 0; } }
    @media only screen and (min-width: 768px) {
      .lightGrey {
        padding: 30px 0; } }
    @media only screen and (min-width: 980px) {
      .lightGrey {
        padding: 36px 0; } }


  .white {
    padding: 12px 0;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 660px) {
      .white {
        padding: 24px 0; } }
    @media only screen and (min-width: 768px) {
      .white {
        padding: 30px 0; } }
    @media only screen and (min-width: 980px) {
      .white {
        padding: 36px 0; } }

  /*Framwork CSS*/
  /*Use these if using Google fonts where more than one property is required */
  /*Set container and desktop variable for media queries*/
  /*Set global spacing*/
  /*Fonts*/
  /*Colours*/
  /*Universal Classes*/
  .primary-font {
    font-family: "Libre Baskerville", georgia, times, serif !important; }

  .secondary-font {
    font-family: "Open Sans", arial, sans-serif !important; }

  .grey-background {
    background: #414042;
    color: #a2a2a2; }
    .grey-background a, .grey-background a:visited {
      color: #c9c9c9; }

  .yellow {
    color: #ffd602; }

  .medGrey {
    color: #808285; }

  .lightGrey {
    background: #e9f0f3;
    padding: 18px 0;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 660px) {
      .lightGrey {
        padding: 24px 0; } }
    @media only screen and (min-width: 768px) {
      .lightGrey {
        padding: 30px 0; } }
    @media only screen and (min-width: 980px) {
      .lightGrey {
        padding: 36px 0; } }

  .cream-bg {
    background: #d8d1b6;
    padding: 18px 0;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 660px) {
      .cream-bg {
        padding: 24px 0; } }
    @media only screen and (min-width: 768px) {
      .cream-bg {
        padding: 30px 0; } }
    @media only screen and (min-width: 980px) {
      .cream-bg {
        padding: 36px 0; } }

  .white {
    padding: 12px 0;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 660px) {
      .white {
        padding: 24px 0; } }
    @media only screen and (min-width: 768px) {
      .white {
        padding: 30px 0; } }
    @media only screen and (min-width: 980px) {
      .white {
        padding: 36px 0; } }

  /*Wrapper*/
  .container {
    max-width: 880px;
    margin: 0 auto;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .container {
        max-width: 980px; } }
        @media only screen and (min-width: 1260px) {
          .container {
            max-width: 1200px; } }


  /*Structure*/
  .wrapper-100, .wrapper-33, .wrapper-50, .wrapper-25, .wrapper-75, .wrapper-66 {
    width: 100%;
    float: left;
    margin-bottom: 12px; }

  .wrapper-container {
    width: 100%;
    float: left;
    clear: left; }

  .with-equal-height {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -moz-box-flex: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .with-equal-height > .wrapper-100, .with-equal-height > .wrapper-33, .with-equal-height > .wrapper-50, .with-equal-height > .wrapper-25, .with-equal-height > .wrapper-40, .with-equal-height > .wrapper-60, .with-equal-height > .wrapper-75, .with-equal-height > .wrapper-66 {
      float: none; }

  .wrapper-25 {
    margin-left: 0%;
    width: 48%; }
    .wrapper-25:nth-child(2n) {
      margin-left: 4%; }

  @media only screen and (min-width: 600px) {
    .wrapper-50 {
      width: 50%; }
      .wrapper-50 .padded-content {
        padding: 6%;
        width: 88%; }

    .wrapper-25 {
      width: 50%;
      margin-left: 0; }
      .wrapper-25 .padded-content {
        padding: 6%;
        width: 88%; }

    .wrapper-75 + .wrapper-25, .wrapper-25.with-75-right {
      width: 100%; }
      .wrapper-75 + .wrapper-25 .padded-content, .wrapper-25.with-75-right .padded-content {
        padding: 3%;
        width: 94%; }

    .with-margin .wrapper-50 {
      margin-left: 4%;
      width: 48%; }
      .with-margin .wrapper-50:first-child {
        margin-left: 0; }
    .with-margin .wrapper-25 {
      margin-left: 0%;
      width: 48%; }
      .with-margin .wrapper-25:nth-child(2n) {
        margin-left: 4%; }
    .with-margin .wrapper-75 + .wrapper-25, .with-margin .wrapper-25.with-75-right {
      margin-left: 0;
      width: 100%; } }
      @media only screen and (min-width: 768px) {
    .wrapper-66 {
      width: 66.66%; }
      .wrapper-66 .padded-content {
        padding: 5%;
        width: 90%; }

    .wrapper-33 {
      width: 33.33%; }
      .wrapper-33 .padded-content {
        padding: 9%;
        width: 82%; }

    .with-margin .wrapper-33 {
      margin-left: 4%;
      width: 30.66%; }
      .with-margin .wrapper-33:first-child {
        margin-left: 0; }
    .with-margin .wrapper-66 + .wrapper-33 {
      margin-left: 1%; }
    .with-margin .wrapper-66 {
      width: 66.33%;
      margin-left: 1%; }
      .with-margin .wrapper-66:first-child {
        margin-left: 0; } }

    .wrapper-25 {
      width: 25%; }
      .wrapper-25 .padded-content {
        padding: 8%;
        width: 84%; }

    .wrapper-50 .padded-content {
      padding: 4%;
      width: 92%; }

    .wrapper-33 .padded-content {
      padding: 6%;
      width: 88%; }

    .wrapper-66 .padded-content {
      padding: 3%;
      width: 94%; }

    .wrapper-75 {
      width: 75%; }
      .wrapper-75 .padded-content {
        padding: 2.66%;
        width: 94.33%; }

    .wrapper-75 + .wrapper-25, .wrapper-25.with-75-right {
      width: 25%; }
      .wrapper-75 + .wrapper-25 .padded-content, .wrapper-25.with-75-right .padded-content {
        padding: 8%;
        width: 84%; }

    .with-margin .wrapper-25, .with-margin .wrapper-75 + .wrapper-25, .with-margin .wrapper-25.with-75-right {
      margin-left: 4%;
      width: 22%; }
      .with-margin .wrapper-25:first-child, .with-margin .wrapper-75 + .wrapper-25:first-child, .with-margin .wrapper-25.with-75-right:first-child {
        margin-left: 0; }
    .with-margin .wrapper-75 {
      width: 73.75%;
      margin-left: 1%; }
      .with-margin .wrapper-75:first-child {
        margin-left: 0; } 
  .padded-content {
    padding: 4%;
    float: left;
    width: 92%;
    /*Not using borderbox for ie7 support*/ }
    .padded-content.horizontal {
      padding-top: 0;
      padding-bottom: 0; }
    @media only screen and (min-width: 600px) {
      .padded-content {
        padding: 3%;
        width: 94%;
        /*Not using borderbox for ie7 support*/ }
        .padded-content.horizontal {
          padding-top: 0;
          padding-bottom: 0; } }
    @media only screen and (min-width: 768px) {
      .padded-content {
        padding: 2%;
        width: 96%;
        /*Not using borderbox for ie7 support*/ }
        .padded-content.horizontal {
          padding-top: 0;
          padding-bottom: 0; } }

  /*Needed to overwrite previous selectors*/
  .with-75-right .padded-content.horizontal, .wrapper-75 + .wrapper-25 .padded-content.horizontal {
    padding-top: 0;
    padding-bottom: 0; }

  /*Spacings*/
  .margin-bottom {
    margin-bottom: 12px !important; }

  .double-margin-bottom {
    margin-bottom: 24px !important; }

  .no-margin-bottom {
    margin-bottom: 0 !important; }

  .no-padding-bottom {
      padding-bottom: 0 !important; }

  .margin-top {
    margin-top: 12px !important; }

  .double-margin-top {
    margin-top: 24px !important; }

  .no-margin-top {
    margin-top: 0 !important; }

  .ie9 .with-equal-height {
    overflow: hidden;
    margin-bottom: 12px; }

  .ie9 .with-equal-height > div {
    padding-bottom: 100%;
    margin-bottom: -100%; }

  @media only screen and (min-width: 660px) {
    .mobile-only {
      display: none !important; } }

  .desktop-only {
    display: none !important; }
    @media only screen and (min-width: 660px) {
      .desktop-only {
        display: block !important; } }

  /*
  Responsive Mobile Toggle Menu v2.2
  Description: Mobile first responsive toggle menu
  Author: Danielle Vautier
  */
  /*Menu mobile first CSS*/
  body {
    -webkit-animation: bugfix infinite 1s; }

  /*This fixes a chrome/webkit bug for older Android Browsers */
  @-webkit-keyframes bugfix {
    from {
      padding: 0; }

    to {
      padding: 0; } }

  /*Required functional CSS don't change this bit
  CSS styles are at the end! */
  .mainMenu {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    float: left; }

  #toggleMenu {
    display: none; }

  #toggleMenu:checked ~ ul {
    max-height: 100%;
    /*Make page height*/
    opacity: 1; }

  .menu-header-menu-container > ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    overflow-y: hidden;
    max-height: 0; }

  .mainMenu li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: block;
    width: 100%;
    float: left; }

  .mainMenu a, .mainMenu a:visited {
    display: block;
    width: 100%;
    /*required to make whole element clickable*/ }

  label.menuTitle {
    margin: 0;
    display: block;
    cursor: pointer;
    background: url("./assets/images/menu.png");
    background-image: url("./assets/images/menu.svg"), none;
    background-repeat: no-repeat;
    background-position: 4% 10px;
    background-size: 21px 16px;
    /*Make same size as your menu.png*/ }

  @media only screen and (min-width: 660px) {
    label.menuTitle {
      display: none; }

    .menu-header-menu-container > ul {
      display: block !important;
      border: 0;
      overflow: visible;
      max-height: 100% !important; }

    .mainMenu ul li {
      width: auto;
      display: inline;
      border: 0; } }
  /*Menu Styling CSS - change the below to suit your site!*/
  .mainMenu {
    background: #f2f6f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f2f6f9 0%, #e9e8ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f6f9), color-stop(100%, #e9e8ed));
    background: -webkit-linear-gradient(top, #f2f6f9 0%, #e9e8ed 100%);
    background: -o-linear-gradient(top, #f2f6f9 0%, #e9e8ed 100%);
    background: -ms-linear-gradient(top, #f2f6f9 0%, #e9e8ed 100%);
    background: linear-gradient(to bottom, #f2f6f9 0%, #e9e8ed 100%);
    text-align: left;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .ie9 .mainMenu {
    filter: none; }

  .mainMenu li {
    border-top: 1px solid #e2e2e2; }

  .mainMenu a, .mainMenu a:visited {
    color: #414042;
    text-decoration: none;
    width: 92%;
    /*Use 100% and box-sizing if not supporting ie7*/
    padding: 8px 4%;
    font-size: 15px;
    background: url(./assets/images/arrow.png) no-repeat 96%; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .mainMenu a, .mainMenu a:visited {
        background: url(./assets/images/arrow-2x.png) no-repeat 96%;
        background-size: 13px 13px; } }

  label.menuTitle {
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    /*Use 100% and box-sizing if not supporting ie7*/
    padding: 6px 4% 6px 40px; }
    @media only screen and (min-width: 500px) {
      label.menuTitle {
        padding-left: 46px; } }

  @media only screen and (min-width: 660px) {
    .mainMenu {
      background: none;
      border: 0;
      float: right;
      width: auto;
      margin: 42px 2% 0 0; 
    padding-right: 28px;}

    .mainMenu li {
      border: 0;
      padding: 0;
      margin: 0; }
      .mainMenu li:first-child a {
        border-left: 0; }

    .mainMenu a:hover {
      color: #767676; }

    .mainMenu a, .mainMenu a:visited {
      padding: 2px 10px;
      background: none;
      font-family: 'Libre Baskerville', georgia, times, serif;
      font-weight: normal;
      width: auto;
      border-left: 2px solid #ffd602; } }
  @media only screen and (min-width: 768px) {
    .mainMenu {
      margin: 44px 1% 0 0;
      background: none; }

    .mainMenu li a {
      font-size: 16px;
      background: none; }

    .mainMenu li {
      background: none; }

    .mainMenu a, .mainMenu a:visited {
      padding: 4px 10px;
      background: none;
      font-family: 'Libre Baskerville', georgia, times, serif;
      font-weight: normal;
      width: auto;
      border-left: 2px solid #ffd602; } }
  @media only screen and (min-width: 980px) {
    .mainMenu {
      margin: 44px 0 0 0; 
    float: left;
  padding-right: 0;}

    .mainMenu li a {
      font-size: 16px; }

    .mainMenu a, .mainMenu a:visited {
      padding: 4px 12px; } }
  /*Main CSS*/
  body {
    font-family: 'Open Sans', arial, sans-serif;
    line-height: 1.5;
    font-size: 16px;
    color: #414042; }
    @media only screen and (min-width: 768px) {
      body {
        font-size: 15px; } }

  /*Typograpghy Classes*/
  h1, h2, h3, h4, .h1, .h2, .h3, .h4, a.link, .link a {
    font-family: 'Libre Baskerville', georgia, times, serif; }

  h2 a, h3 a, h4 a, .h2 a, .h3 a, .h4 a, a.link, a.link:visited, .link a, .link a:visited,
  h2 a:visited, h3 a:visited, h4 a:visited, .h2 a:visited, .h3 a:visited, .h4 a:visited {
    text-decoration: none;
    color: #414042;
    padding-right: 20px;
    background: url(./assets/images/arrow.png) no-repeat center right; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      h2 a, h3 a, h4 a, .h2 a, .h3 a, .h4 a, a.link, a.link:visited, .link a, .link a:visited,
      h2 a:visited, h3 a:visited, h4 a:visited, .h2 a:visited, .h3 a:visited, .h4 a:visited {
        background: url(./assets/images/arrow-2x.png) no-repeat center right;
        background-size: 12px 12px; } }

  a.no-arrow {
    background: none; }

    .pagination {
      padding:24px 2% 0 2%;
      width:100%;
      float:left;
      box-sizing: border-box;
    }
  .pagination .link a:hover {
    text-decoration: underline; }

  .pagination .link.right {
    float: right; }

  .pagination .wrapper-50 {
    width: 50%;
    margin: 0 0 12px 0; }
    .pagination .wrapper-50.right {
      float: right;
      text-align: right; }

  a.link.left, a.link.left:visited, .left.link a, .left.link a:visited {
    background: url(./assets/images/arrow-left.png) no-repeat center left;
    padding-left: 20px;
    padding-right: 0px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a.link.left, a.link.left:visited, .left.link a, .left.link a:visited {
        background: url(./assets/images/arrow-left-2x.png) no-repeat center left;
        background-size: 12px 12px; } }
    a.link.left:hover, a.link.left:visited:hover, .left.link a:hover, .left.link a:visited:hover {
      text-decoration: underline; }

  h1, .h1 {
    font-size: 28px;
    padding: 0 0 12px 0;
    line-height: 1.2; }
    @media only screen and (min-width: 768px) {
      h1, .h1 {
        font-size: 32px; } }

  h2, .h2 {
    font-size: 22px;
    padding: 0 0 6px 0;
    line-height: 1.4; }
    @media only screen and (min-width: 768px) {
      h2, .h2 {
        font-size: 28px; } }

  h3, .h3 {
    font-size: 20px;
    padding: 0 0 6px 0; }
    @media only screen and (min-width: 768px) {
      h3, .h3 {
        font-size: 20px; } }

  .h3 {
    padding-bottom: 4px; }

  h4, .h4 {
    font-size: 16px;
    padding: 0 0 12px 0; }

  p, ul, ol {
    padding: 0 0 6px 0;
    font-family: "Open Sans", arial, sans-serif; }

  ul.no-style {
    margin: 0;
    padding: 0; }
    ul.no-style li {
      margin: 0 6px 0 0;
      padding: 0;
      list-style: none;
      float: left; }

  /*Elastic Videoes / Maps*/
  .item-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }

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

  header {
    float: left;
    z-index: 2;
    width: 100%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); }
    header .email span {
      margin-left: 1px; }
    header .email img {
      display: none; }
    @media only screen and (min-width: 600px) {
      header .email span {
        margin-left: 0; }
      header .email img {
        display: inline-block;
        margin-left: 4px; } }
    header img.google-logo {
      height: 15px; }
      @media only screen and (min-width: 600px) {
        header img.google-logo {
          height: 17px; } }
    @media only screen and (min-width: 768px) {
      header {
        position: fixed;
        top: 0; } }

  @media only screen and (min-width: 768px) {
    #main-content {
      margin-top: 152px;/*188 with covid*/
      min-height: 436px; } }
  @media only screen and (min-width: 1160px) {
    #main-content {
      min-height: 448px; } }
  footer {
    float: left;
    width: 92%;
    font-size: 11px;
    padding: 12px 4%;
    text-align: center; }
    footer ul.no-style {
      margin: 0 0 12px 0;
      text-align: center; }
      footer ul.no-style li {
        display: inline;
        float: none;
        margin: 0;
        padding: 0; }
        footer ul.no-style li:first-child {
          padding-bottom: 6px;
          display: block; }
        footer ul.no-style li a, footer ul.no-style li a:visited {
          text-decoration: none;
          border-left: 1px solid #a2a2a2;
          padding: 0 0 0 5px;
          margin: 0px 0 0 4px;
          line-height: 1;
          display: inline-block; }
          footer ul.no-style li a.no-border, footer ul.no-style li a:visited.no-border {
            border-left: 0;
            margin-left: 0;
            padding-left: 0; }
        footer ul.no-style li a:hover {
          color: #fff; }
    footer p {
      clear: left;
      margin-bottom: 6px;
      text-align: left; }
    footer img.rj-logo {
      margin: 6px 0; }
    @media only screen and (min-width: 660px) {
      footer {
        padding: 12px 3%;
        width: 94%; }
        footer img.rj-logo {
          float: right;
          padding: 2px 0 0 3%;
          width: 27%; }
        footer p {
          float: left;
          width: 70%; }
        footer ul.no-style {
          margin: 6px 0;
          float: left; }
        footer ul.no-style li {
          float: left;
          text-align: left; }
          footer ul.no-style li:first-child {
            display: inline;
            float: left;
            margin-right: 6px; }
          footer ul.no-style li br {
            display: none; }
          footer ul.no-style li a, footer ul.no-style li a:visited {
            text-align: left;
            float: left;
            margin-top: 2px; }
            footer ul.no-style li a:first-child, footer ul.no-style li a:visited:first-child {
              border-left: 1px solid #a2a2a2;
              padding-left: 5px; } }
    @media only screen and (min-width: 768px) {
      footer {
        padding: 12px 2%;
        width: 96%; } }
    @media only screen and (min-width: 980px) {
      footer img.rj-logo {
        padding: 2px 0 0 2%;
        width: 20%; }
      footer p {
        width: 77%; } }

  .header-strip {
    float: left;
    width: 100%;
    padding: 0;
    background: #414042;
    -webkit-box-shadow: 0px 1px 2px #111111 inset;
    -moz-box-shadow: 0px 1px 2px #111111 inset;
    -ms-box-shadow: 0px 1px 2px #111111 inset;
    -o-box-shadow: 0px 1px 2px #111111 inset;
    box-shadow: 0px 1px 2px #111111 inset;
    color: #fff;
    font-size: 12px; }
    .header-strip a, .header-strip a:visited {
      color: #fff;
      padding: 0 4px; }
    .header-strip a:hover,
    .header-strip a:hover span {
      color: #fff;
    text-decoration: underline; }
    .header-strip ul {
      float: left;
      padding: 6px 0 6px 2%; }
      .header-strip ul li {
        margin: 0; 
      }
      .header-strip ul li.social--facebook img {
        height: 17px; 
        width:auto;
      }
        .header-strip ul li.tel a {
          padding-left: 0; }
    .header-strip img.icon {
      margin-right: 4px; }
    .header-strip .client-login {
      float: right;
      padding: 6px 6px 6px 8px; }
      .header-strip .client-login img {
        margin-top: -1px; }
    .header-strip a, .header-strip a:visited {
      text-decoration: none; }
    @media only screen and (min-width: 660px) {
      .header-strip .desktop-only {
        display: inline-block !important; }
      .header-strip ul {
        float: left;
        padding: 8px 0 8px 2%;
        font-size: 13px; }
        .header-strip ul li {
          margin: 0 6px 0 0; }
          .header-strip ul li a, .header-strip ul li a:visited {
            padding: 2px; }
          .header-strip ul li.tel a {
            padding-left: 0; }
      .header-strip .client-login {
        padding: 8px 10px;
        font-size: 14px; } }
    @media only screen and (min-width: 980px) {
      .header-strip ul {
        padding-left: 0; } }
    @media only screen and (min-width: 768px) {
      .header-strip .twitter-logo {
        width: 18px;
        height: 15px;
        padding: 0 1px 0 4px;
        margin-top: -1px; }
      .header-strip .linkedin-logo {
        width: 15px;
        height: 15px;
        padding: 0 1px;
        margin-top: -1px; } }

  .client-login {
    background: #0070ad;
    display: block; }

  .logo {
    text-align: center;
    width: 100%;
    float: left;
    min-height: 104px;
    padding: 4.8px 0; }
    .logo h1 {
      margin: 12px 0 0 0;
      padding: 0; }
    .logo img {
      text-align: center;
      width: 221px; }
    @media only screen and (min-width: 660px) {
      .logo {
        float: left;
        text-align: left;
        padding-left: 3%;
        width: auto;
        min-height: 108px; }
        .logo img {
          text-align: left;
          padding: 2px 0 2px 0; } }
    @media only screen and (min-width: 768px) {
      .logo {
        padding-left: 2%; } }
    @media only screen and (min-width: 980px) {
      .logo {
        padding-left: 0; } }

  .central {
    text-align: center;
    padding-left: 4%;
    padding-right: 4%;
    width: 92%; }
    @media only screen and (min-width: 768px) {
      .central {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%; } }

  p.central, .central p {
    max-width: 720px;
    margin: 0 auto 12px auto; }
    p.central:last-child, .central p:last-child {
      margin-bottom: 0; }

  @media only screen and (min-width: 768px) {
    h2.central, .central h2 {
      margin-bottom: 6px; } }
  .bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    float: left;
    width: 100%;
  }

  .landing-banner-image {
    background-color: #414042;
    background-color: rgba(44,44,44,0.65);
    width: 100%;
    float: left;
    padding: 18px 4%;
    width: 92%;
    color: #fff; }
    .landing-banner-image h1 {
      text-align: center; 
      }
    .landing-banner-image br {
      display: none; }
    .landing-banner-image p,
    .homepage-banner__intro p,
    .banner-image--queen p  {
      max-width: 940px;
      margin: 0 auto 6px auto; }
    @media only screen and (min-width: 660px) {
      .landing-banner-image {
        padding: 18px 3%;
        width: 94%; } }
    @media only screen and (min-width: 768px) {
      .landing-banner-image {
        padding: 30px 2%;
        width: 96%; }
        .landing-banner-image.no-text {
          padding: 40px 2% 40px 2%;
          width: 96%; }
        .landing-banner-image br {
          display: block; } }
    @media only screen and (min-width: 980px) {
      .landing-banner-image {
        padding: 36px 2%;
        width: 96%;
        min-height: 120px; }
        .landing-banner-image.no-text {
          padding: 80px 2% 0 2%;
          width: 96%; } }

  .banner-image {
    background: no-repeat center center;
    float: left;
    text-align: center;
    background-size: cover;
    width: 100%;
    min-height: 200px;
    position: relative;
    margin-bottom: 6px; }
    .banner-image:not(.banner-image--queen) p, {
      max-width: 220px;
      text-align: center;
      font-size: 21px;
      left: 0;
      right: 0;
      bottom: 6%;
      color: #fff;
      width: 100%;
      margin: auto;
      position: absolute;
      text-shadow: 0px 0px 6px #000;
      font-family: 'Libre Baskerville', georgia, times, serif; }
    @media only screen and (min-width: 600px) {
      .banner-image {
        min-height: 280px; }
        .banner-image p {
          padding-right: 4%;
          width: 96%;
          max-width: 940px;
          text-align: right; } }
    @media only screen and (min-width: 768px) {
      .banner-image:not(.banner-image--queen) p {
        bottom: 8%;
        padding-right: 2%;
        font-size: 26px; } }
    @media only screen and (min-width: 980px) {
      .banner-image {
        min-height: 420px;
        margin-bottom: 12px; }
        .banner-image:not(.banner-image--queen) p {
          font-size: 34px;
          line-height: 48px; } }
    @media only screen and (min-width: 1440px) {
      .banner-image:not(.banner-image--queen) p {
        max-width: 940px;
        padding-right: 0%;
        bottom: 10%; } }
    @media only screen and (min-width: 1540px) {
      .banner-image p {
        max-width: 1000px; } }

  @media only screen and (min-width: 660px) {
    .lightGrey .cta-block, .lightGrey .wrapper-33 {
      margin-bottom: 0; } }
  .white .wrapper-25 {
    margin-bottom: 0; }

  .client-type {
    margin-bottom: 12px; }
    @media only screen and (min-width: 768px) {
      .client-type {
        margin-bottom: 24px; } }
    @media only screen and (min-width: 980px) {
      .client-type {
        margin-bottom: 30px; } }

  .indented {
    max-width: 810px;
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .cta-block {
    float: left;
    width: 100%;
    margin-bottom: 12px; }
    .cta-block.thin {
      margin-bottom: -12px;
      margin-top: 0; }
    .cta-block .image-wrapper {
      float: left;
      margin: 0 0 12px 0;
      width: 100%; }
      .cta-block .image-wrapper img {
        border: 1px solid #c9c9c9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%; 
      height:auto;
    }
    .cta-block h3 {
      padding-bottom: 6px; }
    @media only screen and (min-width: 660px) {
      .cta-block .image-wrapper {
        margin-bottom: 12px; } }
    @media only screen and (min-width: 768px) {
      .cta-block {
        margin: 12px 0 12px 0; } }
    @media only screen and (min-width: 980px) {
      .cta-block {
        margin: 12px 0 18px 0; } }


    .service-list .wrapper-33,
    .service-list .wrapper-50 {
      margin-bottom: 0;
    }
  .service-block {
    float: left;
    width: 100%; 
  box-sizing: border-box;
  flex:1;
  height:100%;
  margin:0;}


  .insight-block {
    float: left;
    width: 100%; 
  box-sizing: border-box;
  flex:1;
  height:100%;
  margin:0;}
  .insight-block img {
    height:auto;
    width:100%;
  }

  .insight-block .post .post-text {
    min-height: 100px;
    padding:0 18px 12px 18px;
  }

  .insight-block__copy {
    padding:18px;
  }
  .padded-title {
    padding:18px;
    text-align: center;
    float:left;
    width:100%;
    box-sizing: border-box;
  }

  @media(min-width:1024px) {
    .padded-title {
      padding:27px;
    }
  }
  .service-block ul {
    margin:12px 0 0 0;
  }
  .service-block li {
    list-style:none;
  }
    .service-block img {
      height:auto;
      width:100%;
    }
    .service-block .image-wrapper {
      padding:18px 18px 0 18px;
      //border-bottom:1px solid #ccc;
    }
    .service-block__copy {
      padding:18px;
    }

    .service-block__copy p {
      padding-bottom: 0;
    }
  p a, p a:visited, li a, li a:visited {
    color: #0070ad;
    text-decoration: none; }

  p a:hover, li a:hover {
    text-decoration: underline; }

  .intro-text {
    font-family: 'Libre Baskerville', georgia, times, serif;
    text-align: center;
    margin: 0 auto 6px auto;
    padding: 0;
    line-height: 1.55;
    font-size: 15px; }
    @media only screen and (min-width: 768px) {
      .intro-text, .landing-banner-image p,
      .homepage-banner__intro p,
      .banner-image--queen p  {
        font-size: 17px;
        text-align: center;} 
      
      }

  @media only screen and (min-width: 980px) {
    .ctas {
      padding-left: 0;
      padding-right: 0;
      width: 100%; } }
  .associates {
    margin-bottom: 0;
    padding-left: 4%;
    padding-right: 4%;
    width: 92%; }
    .associates p {
      max-width: 820px;
      text-align: center;
      margin: 0 auto 6px auto; }
    .associates ul {
      margin: 0;
      padding: 0;
      text-align: center; }
      .associates ul li {
        margin: 10px 15px 10px 15px;
        padding: 0;
        display: inline-block;
        text-align: center;
        list-style: none; }
        .associates ul li img {
          height: 30px; }
          @media only screen and (min-width: 660px) {
            .associates ul li img {
              height: 35px;
              margin: 6px 0 0 0; } }

  .staff {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    min-height: 325px; }
    .staff .image-wrapper {
      float: left;
      width: 100%;
      margin-bottom: 12px; }
      .staff .image-wrapper img {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #c9c9c9; }
    .staff .ewen-space, .staff .francis-space, .staff .tim-space, .staff .david-space, .staff .katy-space {
      display: none; }
    .staff h4 {
      padding-bottom: 2px; }
    @media only screen and (min-width: 600px) {
      .staff {
        min-height: 365px; } }
    @media only screen and (min-width: 660px) {
      .staff {
        min-height: 375px;
        margin-bottom: 24px; }
        .staff .image-wrapper {
          margin-bottom: 12px; }
        .staff .ewen-space, .staff .david-space {
          display: block; } }
    @media only screen and (min-width: 768px) {
      .staff {
        margin-bottom: 12px;
        min-height: 280px; } }
    @media only screen and (min-width: 780px) {
      .staff {
        min-height: 260px; } }
    @media only screen and (min-width: 980px) {
      .staff .ewen-space, .staff .david-space {
        display: none; } }
    .staff p {
      padding-bottom: 0px; }
    .staff p.title {
      padding-bottom: 6px;
      color: #808285;
      font-family: 'Libre Baskerville', georgia, times, serif; }
    .staff p.qualification {
      padding-bottom: 2px;
      color: #808285;
      font-family: 'Libre Baskerville', georgia, times, serif; }
    .staff .link {
      margin-top: 4px;
      display: inline-block; }
      @media only screen and (min-width: 768px) {
        .staff .link {
          margin-top: 9px; } }
    .staff .with-icon img {
      margin: -1px 4px 0 0; }

  .profile h1 {
    padding: 6px 0 0px 0; }
    @media only screen and (min-width: 600px) {
      .profile h1 {
        padding: 0 0 0px 0; } }
  .profile .title {
    color: #808285; }
  .profile img.attachment-profile {
    height: auto !important;
    border: 1px solid #ccc; }
  .profile .wrapper-50 {
    margin-bottom: 0; }
  @media only screen and (min-width: 660px) {
    .profile {
      margin-bottom: 12px; } }
  .profile .profilePic {
    margin-bottom: 12px; }

  .contact-details {
    float: left;
    width: 100%;
    margin: 6px 0 12px; }
    .contact-details p {
      padding-bottom: 4px; }
    .contact-details .twitter {
      float: left;
      margin: 12px 12px 0 0; }
      .contact-details .twitter img {
        height: 20px; }
    .contact-details .linkedin {
      float: left;
      margin: 12px 12px 0 0; }
      .contact-details .linkedin img {
        height: 20px; }

  img.profilePic {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c9c9c9; }

  .breadrcrumb-wrapper {
    background-color: #e9f0f3;
    float: left;
    width: 100%; }

  .breadcrumb {
    float: left;
    width: 92%;
    padding: 12px 4% 12px 4%;
    color: #808285;
    font-size: 11px; }
    .breadcrumb a, .breadcrumb a:visited {
      color: #0070ad;
      text-decoration: none;
      background: url(./assets/images/breadcrumb.png) no-repeat right;
      padding-right: 12px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .breadcrumb a, .breadcrumb a:visited {
          background: url(./assets/images/breadcrumb-2x.png) no-repeat right;
          background-size: 7px 10px; } }
    .breadcrumb a:hover {
      text-decoration: underline; }
    .breadcrumb ul {
      margin: 0;
      padding: 0; }
      .breadcrumb ul li {
        margin: 0 6px 2px 0;
        padding: 0;
        list-style: none;
        float: left; }
    @media only screen and (min-width: 600px) {
      .breadcrumb {
        padding: 12px 3% 12px 3%;
        width: 94%; } }
    @media only screen and (min-width: 768px) {
      .breadcrumb {
        padding: 18px 2% 12px 2%;
        width: 96%; } }
    @media only screen and (min-width: 980px) {
      .breadcrumb {
        padding: 18px 0% 12px 0;
        width: 100%; } }

        .wysiwyg-content blockquote {
          color:#414042;
          font-style: inherit;
          max-width: inherit;
          padding-left:24px;
        }
    .indent {
      padding-left:24px;
    }

  .wysiwyg-content p {
    max-width: 860px;
    margin-bottom: 6px; }
    .wysiwyg-content ol {
      padding-left: 0;
      margin-left: 0; }
      .wysiwyg-content ol li {
        margin-left: 16px;
        padding-left: 0;
      }
  .wysiwyg-content ul {
    padding-left: 0;
    margin-left: 0; }
    .wysiwyg-content ul li {
      margin-left: 0;
      list-style: none;
      padding-left: 16px;
      background: url(./assets/images/bullet.png) left 10px no-repeat; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .wysiwyg-content ul li {
          background: url(./assets/images/bullet-2x.png) left 10px no-repeat;
          background-size: 9px 2px; } }

  blockquote {
    color: #808285;
    border-left: 2px solid #0070ad;
    padding-left: 12px;
    margin: 0 0 12px 0;
    max-width: 600px;
    font-style: italic; }

  @media only screen and (min-width: 768px) {
    .contact .item-container {
      height: 100px;
      border: 1px solid #c9c9c9; } }

  .contact-prefix {
    width: 14px;
    text-align: center;
    float: left; }

  .contact-form form {
    margin: 0 auto 12px auto;
    max-width: 400px;
    width: 92%;
    padding: 0 4%; }

  /*Form Styles*/
  ::-webkit-input-placeholder {
    color: #808285;
    opacity: 1; }

  :-moz-placeholder {
    color: #808285;
    opacity: 1; }

  ::-moz-placeholder {
    color: #808285;
    opacity: 1; }

  :-ms-input-placeholder {
    color: #808285;
    opacity: 1; }

  input[type=text], input[type=email], input[type=password], input[type=tel] {
    float: left;
    width: 100%;
    border: 1px solid #c9c9c9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 0px white inset;
    -moz-box-shadow: 0px 0px 0px white inset;
    -ms-box-shadow: 0px 0px 0px white inset;
    -o-box-shadow: 0px 0px 0px white inset;
    box-shadow: 0px 0px 0px white inset; 
    -webkit-appearance: none;
  outline:none;
    }
    .contact-form input[type=text]#name {
      width: 76%; }
    @media only screen and (min-width: 660px) {
      input[type=text], input[type=email], input[type=tel] {
        padding: 8px 10px; 
      max-width:400px;} }

      input[type=checkbox] {
        outline:none;
        width:16px;
        height:16px;
      }

  select {
    width: 22%;
    margin-right: 2%;
    float: left;
    height: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    line-height: 36px;
    padding-left: 2px;
    border: 1px solid #c9c9c9; }
    @media only screen and (min-width: 660px) {
      select {
        height: 38px;
        padding-left: 6px;
        line-height: 38px; } }

  textarea {
    float: left;
    width: 100%;
    padding: 6px;
    min-height: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c9c9c9; }
    @media only screen and (min-width: 660px) {
      textarea {
        padding: 8px 10px; } }
    @media only screen and (min-width: 768px) {
      textarea {
        min-height: 140px; } }

  button, input[type="submit"], .button {
    padding: 9px;
    background: #0070ad;
    color: #fff;
    text-align: center;

    border: 1px solid #005f92;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none; }

  .form-field-wrapper {
    float: left;
    margin: 0 0 6px 0;
    width: 100%; }
    .form-field-wrapper a, .form-field-wrapper a:visited {
      color: #0070ad;
      text-decoration: none; }
    .form-field-wrapper a:hover {
      text-decoration: underline; }
    .form-field-wrapper label {
      width: 100%;
      float: left;
      display: none; }
    .form-field-wrapper.checkbox label {
      display: block;
      width: 100%; }
    .form-field-wrapper.checkbox input {
      float: left;
      margin: 4px 4px 0 0; }
    .form-field-wrapper.radio label {
      display: block;
      float: left;
      width: auto;
      margin: 0 8px 0 0; }
    .form-field-wrapper.radio input[type="radio"] {
      float: left;
      width: auto;
      margin: 5px 4px 0 0; }
    @media only screen and (min-width: 768px) {
      .form-field-wrapper {
        margin: 0 0 12px 0; } }
    .form-field-wrapper.buttons {
      margin-top: 6px;
      text-align: center; }

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

  .post {
    float: left;
    width: 100%;
    margin-bottom: 0;
  }
    .post h2 a, .post h2 a:visited {
      background: none; }
    .post h2 a:hover {
      text-decoration: underline; }
    .post p.date {
      padding: 0 0 8px 0; }

      .post-text p.date{ float:left;}
    .post p {
      clear: left; }
    .post .inline {
      float: left; }
    .post ul.tags {
      margin: 0 0 0 4px;
      padding: 0;
      float: left; }
      .post ul.tags li {
        list-style: none;
        float: left;
        margin: 0 6px 0 0;
        padding: 0; }
        .post ul.tags li:after {
          content: "";
          height: 18px;
          padding: 2px;
          background: white;
          width: 0;
          margin: 0 0 0 -4px;
          position: absolute;
        }
        .post ul.tags li a:after {
          content:",";
        }
     
        .post ul.tags li a, .post ul.tags li a:visited {
          color: #808285; }
        .post ul.tags li a:hover {
          text-decoration: underline; }

  .post-image {
    width:calc(100% - 36px);
    float:left;
    height:200px;
    background-color:#0070ad;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin:18px;
  }


  @media(min-width:1024px) {
    .post-image {
      height:260px;
    }
  }

  .post-text {
    float:left;
    width:100%;
    padding:0 4%;
    box-sizing: border-box;
  }

  @media(min-width:768px) {
    .post-text {
      min-height: 375px;
    }
  }

  @media(min-width:1024px) {
    .post-text {
      min-height: 300px;
    }
  }

  @media(min-width:1400px) {
    .post-text {
      min-height: 260px;
    }
  }

  .post-details-wrapper {
    float: left;
    margin: 4px 0 12px 0;
    width: 100%; }
    .post-details-wrapper .image-wrapper {
      float: left;
      width: 50px;
      height: 50px;
      margin: 0 12px 0 0; }
      .post-details-wrapper .image-wrapper img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #c9c9c9;
        width: 50px;
        height: 50px; }
    .post-details-wrapper .post-details {
      float: left;
      width: 70%; }
      .post-details-wrapper .post-details p {
        margin: 0;
        padding: 0px 0 1px 0; }
        .post-details-wrapper .post-details p.author {
          padding-top: 3px; }

  .blog-right {
    width: 100%;
    float: left;
    border-top: 1px solid #c9c9c9;
    margin-top: 6px;
    padding-top: 12px; }
    .blog-right ul {
      margin: 12px 0 24px 0;
      padding: 0;
      font-family: 'Libre Baskerville', georgia, times, serif; }
      .blog-right ul li {
        margin: 0;
        padding: 0 0 6px 0;
        list-style: none; }
    .blog-right h3 {
      padding: 0;
      margin: 0 0 6px 0; }
    .blog-right .related {
      margin: 6px 0;
      float: left; }
    @media only screen and (min-width: 768px) {
      .blog-right {
        border-top: 0;
        padding-top: 0;
        margin-top: 30px;
        width: 24%;
        margin-left: 6%; } }
    .blog-right .date {
      font-family: 'Libre Baskerville', georgia, times, serif;
      color: #808285;
      padding: 0 0 2px 0; }

  .blog-left {
    width: 100%;
    float: left; }
    .blog-left p {
      max-width: 640px; }
    .blog-left h1 {
      padding-bottom: 6px; }
    .blog-left.wysiwyg-content {
      margin-top: 0; }

  @media(min-width:768px) {
    .blog-left {
      width:70%;
    }
  }

  .holdingpage {
    text-align: center;
    padding: 25px 4%;
    width: 92%;
    background-color: #fff;
    float: left; }
    .holdingpage img {
      margin: 0 0 12px 0; }
    .holdingpage .container {
      max-width: 580px; }
    @media only screen and (min-width: 768px) {
      .holdingpage {
        padding: 60px 10%;
        width: 80%; } }
    .holdingpage footer {
      max-width: 580px; }
    @media only screen and (min-width: 980px) {
      .holdingpage {
        min-height: 300px; } }

  img.alignright {
    max-width: 50%;
    margin: 6px 0 12px 12px;
    float: right; }
    @media only screen and (min-width: 660px) {
      img.alignright {
        max-width: 300px;
        margin: 6px 0 12px 18px; } }

  img.alignleft {
    max-width: 50%;
    float: left;
    margin: 6px 12px 12px 0; }
    @media only screen and (min-width: 660px) {
      img.alignleft {
        max-width: 300px;
        margin: 6px 18px 12px 0; } }

  @media only screen and (min-width: 660px) {
    li#menu-item-442 {
      display: none; } }
  .page-banner-image {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    min-height: 80px; 
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (min-width: 768px) {
      .page-banner-image {
        margin-bottom: 18px;
      min-height: 175px; } }
    @media only screen and (min-width: 980px) {
      .page-banner-image {
        margin-bottom: 36px;
        min-height: 230px;  } }

  .page-banner-image img {
    height: auto !important; }

    .page-banner-image {
      background-size:cover!important;
      background-repeat: no-repeat;
    }

    .page-banner-image--blog {
      background-position: center;
      min-height:200px;
    }
    @media only screen and (min-width: 768px) {
      .page-banner-image--blog {
        min-height:300px;
      }
    }

    @media only screen and (min-width: 1024px) {
      .page-banner-image--blog {
        min-height:360px;
      }
    }

  footer p.inline {
    text-align: center; }

  footer .menu-footer-menu-container {
    float: left;
    width: 100%; }

  footer .menu-footer-menu-container ul {
    margin: 0 0 12px 0;
    padding: 0;
    text-align: center; }

  footer .menu-footer-menu-container li {
    margin: 0 4px;
    padding: 0;
    display: inline;
    text-align: center;
    list-style: none; }

  @media only screen and (min-width: 600px) {
    footer p.inline {
      text-align: left;
      float: left;
      margin-right: 8px;
      width: auto; }

    footer .menu-footer-menu-container {
      float: left;
      width: 70%;
      text-align: left; }

    footer .menu-footer-menu-container ul {
      text-align: left; } }
  .contact-form br {
    display: none; }

  .contact-form select {
    margin-top: 6px; }

  .wysiwyg-content .wrapper-33 {
    text-align: center; }
    .wysiwyg-content .wrapper-33 img.alignleft {
      float: left;
      text-align: center;
      margin: 6px 0 0 0; }
    @media only screen and (min-width: 660px) {
      .wysiwyg-content .wrapper-33 {
        text-align: left; }
        .wysiwyg-content .wrapper-33 img {
          width: 96%; } }

  .contact-profiles {
    margin-bottom: 12px; 
  padding:18px;
  box-sizing:  border-box;}
    @media only screen and (min-width: 980px) {
      .contact-profiles {
        margin: 12px 0; } }
    .contact-profiles .wrapper-25 {
      margin-top: 6px;
      margin-bottom: 18px;
      position: relative;
      min-height: 290px; }
    .contact-profiles .align-bottom {
      position: absolute; }
    .contact-profiles h4 a {
      background: none;
      padding-right: 0; }
    .contact-profiles .image-wrapper {
      width: 100%;
      margin: 0px auto 12px auto;
      text-align: center; }
      .contact-profiles .image-wrapper img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        max-width: 80px;
        width: 100%;
        height: auto !important;
        border: 1px solid #ccc; }
      @media only screen and (min-width: 600px) {
        .contact-profiles .image-wrapper {
          width: 28%;
          float: right;
          margin: 0px 0 0 2%; } }
      @media only screen and (min-width: 768px) {
        .contact-profiles .image-wrapper {
          width: 100%;
          float: right;
          margin: 0px 0 12px 0%; } }
      @media only screen and (min-width: 980px) {
        .contact-profiles .image-wrapper {
          width: 28%;
          float: right;
          margin: 0px 0 12px 2%; } }
    .contact-profiles h4 {
      margin-bottom: 0;
      padding-bottom: 4px; }
    .contact-profiles p.qualification {
      padding-bottom: 2px;
      color: #808285;
      font-family: 'Libre Baskerville', georgia, times, serif; }
    .contact-profiles .title-details {
      width: 100%;
      float: left; }
      @media only screen and (min-width: 600px) {
        .contact-profiles .title-details {
          width: 70%; } }
      @media only screen and (min-width: 768px) {
        .contact-profiles .title-details {
          width: 100%; } }
      @media only screen and (min-width: 980px) {
        .contact-profiles .title-details {
          width: 70%; } }
    .contact-profiles .specialty {
      margin-bottom: 6px; }
    .contact-profiles p {
      padding-bottom: 0;
      width: 100%;
      clear: left;
      margin-bottom: 0; }
      @media only screen and (min-width: 1024px) {
      .contact-profiles .wrapper-33 {
        box-sizing: border-box;
        padding:0 40px;
      }
    }

  .vcard {
    margin-top: 2px; }
    .vcard img {
      margin: 3px 6px 0 0;
      float: left; }
    @media only screen and (min-width: 768px) {
      .vcard {
        margin-top: 4px; } }

  /*Forms*/
  div.wpcf7-validation-errors {
    padding: 6px 4%;
    margin: 0;
    float: left;
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    width: 92%; }

  div.wpcf7-mail-sent-ok {
    padding: 6px 4%;
    margin: 0;
    float: left;
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    width: 92%; }

  span.wpcf7-not-valid-tip,
  .wpcf7-response-output {
    float: left;
    margin: 2px 0px;
    color: #be2625 !important;
    width: 100%; }

    .wpcf7 form .wpcf7-response-output {
      margin:0;
      padding:0;
    }

  .required {
    color: #be2625 !important; }

  .contact-profiles .wrapper-25 .tim-space {
    display: none; }

  .contact-profiles .wrapper-25 .francis-space {
    display: none; }

  @media only screen and (min-width: 400px) {
    .contact-profiles .wrapper-25 .david-space {
      display: none; }

    .contact-profiles .wrapper-25 {
      min-height: 280px; } }
  @media only screen and (min-width: 600px) {
    .contact-profiles .wrapper-25 {
      min-height: 185px; }

    .contact-profiles .wrapper-25 .david-space {
      display: none; } }
  @media only screen and (min-width: 600px) {
    .contact-profiles .wrapper-25 .francis-space {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .contact-profiles .wrapper-25 {
      min-height: 280px; } }
  @media only screen and (min-width: 980px) {
    .contact-profiles .wrapper-25 {
      min-height: 180px; }

    .contact-profiles .wrapper-25 .david-space {
      display: block;
      margin-bottom: 5px; }

    .contact-profiles .wrapper-25 .tim-space {
      display: block;
      margin-bottom: 5px; }

    .contact-profiles .wrapper-25 .francis-space {
      display: block;
      margin-bottom: 0; } }
  @media only screen and (min-width: 1000px) {
    .contact-profiles .wrapper-25 .david-space {
      display: block;
      margin-bottom: 0px; }

    .contact-profiles .wrapper-25 .tim-space {
      display: block;
      margin-bottom: 0px; }

    .contact-profiles .wrapper-25 .francis-space {
      display: block;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 1540px) {
    .contact-profiles .wrapper-25 .david-space {
      display: none;
      margin-bottom: 0px; }

    .contact-profiles .wrapper-25 .tim-space {
      display: none;
      margin-bottom: 0px; }

    .contact-profiles .wrapper-25 .francis-space {
      display: block;
      margin-bottom: 0; } }


  .pdf {
    padding: 2px 0 2px 23px;
    background: url("./assets/images/pdf-icon.png") no-repeat left center;
    background-size: 17px 21px; }

  table  {
    margin:8px 0;
  }
    
  table td,
  table th {
    padding:4px;
    border:1px solid #ddd;
  }

  table th {
    font-weight: bold;
  }

  @media (min-width:768px) {

    .vert-align {
      display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                -ms-flex-pack:center;
                  align-items: center;
      justify-content:center;
  }
  }

  .header-strip-warning {
    padding:8px 0 0 0;
    text-align: center;
    background-color:#ffd602;
    color:#414042;
    font-size: 13px;
  }

  .header-strip-warning a {
    color:#414042;
    text-decoration: underline;
  }

  .header-strip-warning a:hover {
    color:#414042;
  }

  #cookie-law-info-bar span,
  #cookie-law-info-bar a,
  #cookie-law-info-bar a:visited {
    font-size: 13px;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: normal;

  }

  .header-strip-warning a:visited {
      color:#414042;
  }

  #cookie-law-info-bar {
    padding:6px;
  }

  .insights-list {
    float:left;
    width:100%;
    margin:0;
    box-sizing: border-box;
    padding:0 18px;
  }

  .insights-list > li {
    float:left;
    padding:0 0 18px 0;
    width:100%;
    list-style: none;
    box-sizing: border-box;
  
  }
  @media(min-width:768px) {
    .insights-list > li {
      width:33.3%;

    }

    .insights-list > li:nth-child(3n) {
      border-right:0;
    }
  }


  ul.insights-categories {
    float:left;
    width:100%;
    padding:24px 0 12px 0;
    margin:0;
    text-align: center;
  }

  ul.insights-categories li {
    display:inline-block;
    padding:2px 0;
    margin:0;
    list-style: none;
    font-family: 'Libre Baskerville', georgia, times, serif;
    font-size: 16px;
  }

  ul.insights-categories li a {
    color:#414042;
    border-right: 2px solid #ffd602;
    padding:0 12px;
  }

  ul.insights-categories li a:hover {
    color:#767676;
  }

  .mainMenu li.current-menu-item > a,
  .mainMenu li.current-category-ancestor > a {
    color:#767676;
  }

  ul.insights-categories li.current-cat > a {
    color:#767676;
  }

  ul.insights-categories li:last-child a {
    border-right: 0;
  }

  .homepage-banner {
    float:left;
    width:100%;
  }

  .homepage-banner img {
    width:100%;
  }
  .homepage-banner__intro {
    background:rgba(44,44,44,0.65);
    float:left;
    width:100%;
    color: white;
    padding:18px;
    box-sizing: border-box;
    text-align: center;
  }

  @media(min-width:768px) {
    .homepage-banner__intro {
      padding:27px;
      
    }
  }

  /* .homepage-banner__intro p {
    max-width: 980px;
    font-size:17px;
    margin:auto;
  } */

  @media(min-width:1024px) {
    .homepage-banner {
      position: relative;
    }
    .homepage-banner__intro {
      padding:36px;
      position: absolute;
      bottom:0;
    }
  }
/* 
  .homepage-banner__intro p {
  margin-bottom: 0;
  padding-bottom: 0;
  } */

  .triangle-banner {
    background:#e9f0f3 url(./assets/images/triangle.svg) bottom left;
    background-size: 100%;
    background-repeat: no-repeat;
    padding:27px;
    width:100%;
    float:left;
    box-sizing: border-box;
    text-align: center;
  }

  .triangle-banner p:last-child {
    margin-bottom: 0;
  }
  @media(min-width:768px) {
    .triangle-banner {
      min-height: 200px;
      background-size: 50%;
      padding-top:38px;
    }
  }
  @media(min-width:1024px) {

    .triangle-banner  p {
      max-width: 700px;
      margin:auto
    }
  }

  .download-block{
    padding:18px;
    float:left;
    width:100%;
    box-sizing: border-box;
    background-size:auto!important; 
    background: #d8d1b6;
    background-repeat: no-repeat;
    background-position: -400px;
    background-size: cover!important;
  }

    @media only screen and (min-width: 1024px) {
      .download-block {
        padding:36px;
        background-position: -300px;
      }
    }

    @media only screen and (min-width: 1200px) {
      .download-block {
        background-position: -200px;
      }
    }
    @media only screen and (min-width: 1400px) {
      .download-block {
        background-position: -100px;
      }
    }

    @media only screen and (min-width: 1600px) {
      .download-block {
        background-position:0;
      }
    }
    
    @media only screen and (min-width: 1800px) {
      .download-block {
        background-position:-100px;
      }
    }

    .download-block .wrapper-50 {
      margin:0;
    }
  
    @media (max-width: 767px) {
      .download-block {
        background-image: none !important; }
        .download-block .wrapper-50--pseudo {
          display:none;
        } 
        .download-block .wrapper-50,
        .callback-block .wrapper-50 {
          width:100%;
        }
      }

      @media only screen and (min-width: 768px) {
        .download-block .wrapper-50:not(.wrapper-50--pseudo) {
        float:right;
        padding-left:36px;
        box-sizing: border-box;
        } 
      }

          

    

  .banner-form {
    float:left;
    width: 100%;
    padding:9px 0 0 0;
    margin:0;
  }

  .banner-form span.wpcf7-list-item {
    margin:0!important;
    padding:0;
  }

  .banner-form button, .banner-form  input[type="submit"] {
    float:left;
  }

  .gdpr-link {
    font-size:13px;
    margin:8px 0 0 0;
    padding:0;
    float:left;
    width:100%;
  }

  .callback-block {
    float:left;
    width:100%;
    box-sizing: border-box;
    background-size:auto!important; 
    background: #bedfed;}

    .callback-block .wrapper-50:not(.wrapper-50--block-image) {
      padding:18px;
      box-sizing: border-box;
    }

    @media only screen and (min-width: 1024px) {
      .callback-block .wrapper-50:not(.wrapper-50--block-image) {
        padding:36px;
      }
    }
    @media only screen and (min-width: 1200px) {
      .callback-block .wrapper-50:not(.wrapper-50--block-image) {
        width:600px;
        margin-left:calc(50% - 600px);
      }
    }

    @media only screen and (min-width: 1400px) {
      .callback-block .wrapper-50:not(.wrapper-50--block-image) {

        padding-left:0;
      }
    }
    .callback-block .wrapper-50 {
      margin:0;
    }

    .callback-block .wrapper-50--block-image {
      /* background-image:url(../bcm-v1/assets/images/callback.jpg); */
      background-size: cover;
      min-height:200px;
      background-position: right;
    }

    .wpcf7 form.invalid .wpcf7-response-output, 
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.sent .wpcf7-response-output {
      border:0!important;
    }

    .wpcf7-response-output {
      margin:0;
      padding:0;
      color:#000;
    }

    .wpcf7 form.sent .wpcf7-response-output {
      color:#000!important;
    }

    .icon-block {
      float:left;
      width:100%;
      margin:18px 0 ;
      padding:0;
      box-sizing: border-box;

    }

    .icon-block img {
      text-align: center;
      max-width: 100%;
      height:auto;
    }

    .icon-text {
      float:left;
      width:calc(100% - 118px)
    }

    .icon-image {
      float:left;
      border-right:2px solid #ffd602;
      width:80px;
      padding-right:18px;
      margin-right:18px;
      margin-bottom:18px;
    }

    @media(max-width:767px) {
      .icon-blocks .with-margin .wrapper-50 {
        width:100%;
        margin-left:0;
      }
    }


    .wysiwyg-content {
      max-width: 860px;
      margin: 0 auto;
      float:none;
    }

	
  .mainMenu li li {
    padding-left:18px;
    box-sizing: border-box;
  }


	@media screen and (min-width:660px) {
		.menu-header-menu-container > ul > li {
			position: relative;
		}

		.menu-header-menu-container > ul > li:hover ul {
			display: block!important;
		}


		.menu-header-menu-container > ul ul li {
			display: block;
			width:100%;
			float:left;
			padding:0;
			margin:0;
		}

		.mainMenu .toggleChildren {
			display:none!important;
		}

	.mainMenu li {
		border:0;
		}
	
	.mainMenu a:hover  {
		color:#767676;
		}

	/* .mainMenu a, .mainMenu a:visited {
		padding:10px 3px 10px 8px;
		} */
}

/*Menu Child Styling*/
.mainMenu .toggleChildren {
	float:right;
	margin-right:3%;
	width:30px; /*Note width is required */
	height:30px; /*Customise to your menu height*/
	padding:0;
	display:block;
	background:url(../images/nav-arrow.png) no-repeat center center;
	background-size: 11px 8px; 
}

.mainMenu .toggleChildren.contract {
	background:url(../images/nav-arrow.png) no-repeat center center;
	background-size: 11px 8px; 
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.menu-header-menu-container > ul ul a, .menu-header-menu-container > ul ul a:visited {
	background:#eee;
}


@media screen and (min-width:660px) {
	.menu-header-menu-container > ul ul a:hover {
    background:#0070ad!important;
    text-decoration: none;
	}

  .menu-header-menu-container > ul ul a, 
  .menu-header-menu-container > ul ul a:visited {
    background:#414042;
    color:#fff!important;
  }

	.menu-header-menu-container > ul ul {
		top:26px; /*height of your main nav*/
		min-width:210px; /*Set your width*/
    position: absolute;
    
	}

	.menu-header-menu-container > ul ul a {
		border:0;
    padding:6px 12px;
    font-size:15px;
    font-family: "Open Sans", arial, sans-serif ; 
	}
}
/*End Menu Child Styling*/
@media screen and (min-width:768px) {
	.menu-header-menu-container > ul ul {
		top:32px; /*height of your main nav*/ 
	}

	.menu-header-menu-container > ul ul a {
    padding:8px 14px;
  }
}

.service-list {
  padding:18px;
  box-sizing: border-box;
}

.homepage .service-list {
  padding:0 18px 18px 18px;
}

.homepage .service-list .image-wrapper {
  padding-top:0;
}

.homepage .service-list .post-image {
  margin-top:0;
}
.service-list-block {
float:left;
width:100%;
box-sizing: border-box;
background-size:auto!important; 
background: #fff;
border-bottom:1px solid #ccc;}

.service-list-block p:last-child {
  padding:0;
}
.service-list-block .wrapper-50:not(.wrapper-50--block-image) {
  padding:18px;
  box-sizing: border-box;
}

@media only screen and (min-width: 1024px) {
  .service-list-block .wrapper-50:not(.wrapper-50--block-image) {
    padding:45px;
  }
}
@media only screen and (min-width: 1200px) {
  .service-list-block.wrapper-50:not(.wrapper-50--block-image) {
    width:600px;
    margin-left:calc(50% - 600px);
  }
}


.service-list-block .wrapper-50 {
  margin:0;
}

.service-list-block .wrapper-50--block-image {
  /* background-image:url(../bcm-v1/assets/images/callback.jpg); */
  background-size: cover;
  min-height:200px;
  background-position: right;
}

.service-list-block .wrapper-50--block-image a {
  display: block;
  width:100%;
  height: 100%;
}

.story-banner {
  background-color:#eee;
  float:left;
  width: 100%;
}

.story-banner .wrapper-50 {
  margin-bottom: 0;
}

@media(max-width:768px) {
  .story-banner .wrapper-50 {
    margin-bottom: 0;
    width:100%;
}
}


@media(min-width:768px) {
  .story-banner .wrapper-container {
    display:flex;
    flex:1;
    align-items: center;
  }

  .story-banner .image {
    align-self: flex-end;
  }
}

.form-field-wrapper.checkbox .wpcf7-form-control-wrap {
  float:left;
}

.form-field-wrapper.checkbox a {
  padding-left:4px;
}


.logo-list {
  list-style-type: none;
  display: flex; 
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

.logo-list li {
  height:80px;
  margin:0 16px;
}

.logo-list li img {
  max-height:100%;
  width:auto;
}
.logo-list--small li {
  height:110px;  
  margin:0 20px;
}

.lightGrey-bg .padded-content{
  background-color:#f3f3f3;
}
.banner-image--queen {
  padding:30px 20px 10px 20px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.banner-image--queen h2 {
  padding:0 0 20px 0;
  color:white;
  text-align: left;
}

.banner-image--queen p {
  position:relative;
  text-align:left;
  padding:0 0 20px 0;
  color: white;
}
@media (max-width:1200px) {
  .banner-image--queen  br {
    display:none;
  }
}

@media(min-width:700px) {
  .banner-image--queen {
    background-position: 80%;
  }

  .banner-image--queen h2,
  .banner-image--queen p {
    max-width: 80%;
    width:auto;
    margin:0;
  }
}
@media(min-width:1024px) {
.banner-image--queen {
  background-position: 80%;
  display: flex;
  align-content: center;
  align-items: center;
}

.banner-image--queen h2,
.banner-image--queen p {
  max-width: 75%;
}
}
@media(max-width:979px) {
  #searchform {
    display: none;
  }

  .searchform {
    float:right;
    width:100%;
    box-sizing: border-box;
    padding:12px;
    text-align: center;
    background:#f2f6f9;
  }
}
.nav-search-wrapper {
  position: relative;
  box-sizing: border-box;
}

@media(max-width:660px) {
  .nav-search-wrapper {
    float: left;
    width:100%;
  }
}

@media(min-width:600px) {
  .searchform {
    background-color: transparent;
  }
}


#toggleSearch {
  position: absolute;
  right:0;
  padding:3px 8px;
}
@media(min-width:660px) {
  #toggleSearch {
    top:74px;
  }
}

@media(min-width:768px) {
  #toggleSearch {
    top:78px;
  }
}

@media(min-width:980px) {
  #toggleSearch {
    display: none!important;
  }
}
#toggleSearch:hover {
  cursor: pointer;
}

@media(min-width:980px) {
  .searchform {
    width:220px;
    margin:40px 0 0;
    padding-right: 0;
    float:right;
  }

  .nav-search-wrapper {
    width:560px;
    float: right;
  }
}

.searchform input {
  width:calc(100% - 38px);
  float:left;
  padding:8px;
  -webkit-appearance: none;
  border-radius: 0;
  background-color: white;
  border:1px solid #ccc;
}
.searchform input:focus{
  outline: none !important;
  border-color: #0070ad;
  box-shadow: none;
}

.searchform button {
  background-color: transparent;
  width:38px;
  height:41px;
  border:0;
  padding:0;
  float:left;
}

.searchform button img {
  width:30px;
  padding:0 4px;
}

.search-list {
  float: left;
  width: 100%;
  list-style: none;
  counter-reset: item;
  box-sizing: border-box;
  padding:12px 12px 0 12px;
  position:relative;
  margin-left: 12px;
}

.search-list .post p.date {
  padding-bottom: 0;
  margin-right: 4px;
}

.search-list .post ul.tags {
  margin: 0 0 8px 0;
}

@media(min-width:768px) {
  .search-list {
    padding-top:24px;
  }
}

.search-list > li {
  float: left;
  width: 100%;
  counter-increment: item;
  margin-bottom: 24px;
}

.search-list .date{
  float: left;
}

.search-list > li:before {
  margin-right: 8px;
  content: counter(item);
  color: #ffd602;
  font-family: 'Libre Baskerville', georgia, times, serif;
  float: left;
  width:20px;
  font-size: 20px;
  position: absolute;
  left:-16px;
}