/*
Stylesheet for SOLID. Attorneys at Law
Author: Carl van Goens
Email: carl@ccloudmedia.com
Website: https://www.ccloudmedia.com
*/
.main-header {
  margin-top: 40px; }

#menu .nav a {
  font-weight: bold;
  text-transform: lowercase; }

.dropdown-menu > .active a, .dropdown-menu > .active a:hover {
  background-color: #eee; }

.logo a img {
  width: 427px;
  height: auto; }

.navbar-brand {
  float: none;
  padding: 0; }

h1.heading-bold {
  margin-bottom: 50px; }

span.solid-indented {
  padding-left: 20px; }

hr.solid {
  width: 373px;
  position: relative;
  left: -14px;
  border-top: 5px solid #2f4b5a; }

h2.solid, h3.solid {
  border-bottom: 5px solid #2f4b5a;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 365px;
  font-weight: bold; }

.solid-slider .uk-slideshow li h3::before {
  content: 'SOLID.'; }

.leading-0::before {
  display: none; }

.solid-slider {
  text-align: center;
  margin: 50px 0 30px 0; }

/* load color variables & fonts */
/* Color variables */
nav#menu ul li a {
  color: #2f4b5a; }

body p, body h1, body h2, body h3, body h4, body h5, body h6, body a, body ol, body ul, body li, body div {
  color: #050708; }

#footer1 {
  background-color: #2f4b5a; }
  #footer1 p, #footer1 h1, #footer1 h2, #footer1 h3, #footer1 h4, #footer1 h5, #footer1 h6, #footer1 a, #footer1 ol, #footer1 ul, #footer1 li, #footer1 div {
    color: #fff; }

footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer a, footer ol, footer ul, footer li, footer div {
  color: #2f4b5a; }

/* //load color variables & fonts */
.titlebg {
  background-color: #2f4b5a;
  width: 500px;
  width: 520px;
  height: 510px;
  margin-top: 150px;
  margin-bottom: 220px;
  padding: 50px 0 0 90px; }
  .titlebg h1 {
    color: #fff;
    font-weight: bold; }

.titlebg.wide {
  width: 550px; }

.contentbg {
  background-color: #cdcdcf;
  width: 540px;
  padding: 25px 50px;
  margin-top: 75px;
  position: relative;
  z-index: 99; }
  .contentbg h2 {
    font-weight: bold; }

.contentbg.extended {
  height: 620px; }

.contact .contentbg {
  height: 580px;
  float: left; }

.contact .maps {
  float: right;
  margin-top: 76px; }
  .contact .maps img {
    height: 285px; }

.maincontentsubgrid div {
  background-color: #f0f0f1;
  padding: 50px; }

.readmore a {
  color: #cdcdcf;
  font-weight: bold; }

div.subslider, .subslider div {
  padding: 0; }

.subslider h3 {
  color: #cdcdcf;
  font-weight: bold;
  font-family: 'Roboto';
  font-size: 14px;
  padding: 0; }

.people {
  margin-top: 50px; }
  .people h1 {
    font-size: 26px;
    padding-top: 30px; }
  .people .bluebg {
    background-color: #2f4b5a;
    margin: 78px 0 0 76px; }
    .people .bluebg p, .people .bluebg h1, .people .bluebg h2, .people .bluebg h3, .people .bluebg h4, .people .bluebg h5, .people .bluebg h6, .people .bluebg a, .people .bluebg ol, .people .bluebg ul, .people .bluebg li, .people .bluebg div {
      color: #fff; }
    .people .bluebg ul {
      margin-bottom: 0; }
  .people .bluebg-readmore {
    background-color: #2f4b5a;
    padding: 40px;
    margin-left: 76px; }
    .people .bluebg-readmore p, .people .bluebg-readmore h1, .people .bluebg-readmore h2, .people .bluebg-readmore h3, .people .bluebg-readmore h4, .people .bluebg-readmore h5, .people .bluebg-readmore h6, .people .bluebg-readmore a, .people .bluebg-readmore ol, .people .bluebg-readmore ul, .people .bluebg-readmore li, .people .bluebg-readmore div {
      color: #fff; }
  .people p.readmore {
    margin-left: 76px;
    background-color: #2f4b5a; }
    .people p.readmore a {
      margin-left: 28px;
      padding: 30px 0;
      font-weight: bold;
      font-style: italic; }
  .people img {
    float: left;
    margin: -76px 10px 40px -75px;
    border-radius: 100%; }
  .people p.readmore .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    padding-left: 13px; }
  .people ul {
    padding-left: 54px; }

.outergrid.pre-footer {
  margin-top: 300px; }
  .outergrid.pre-footer h1 {
    font-size: 25px;
    margin-bottom: 0; }

#footer1::before {
  content: ' ';
  position: absolute;
  left: 0px;
  outline: 1px solid;
  height: 100px;
  width: 100%;
  background-color: #2f4b5a;
  z-index: -1; }

/* load fonts */
/* Fonts */
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/solid/Roboto-Regular.woff2") format("woff2"), url("../fonts/solid/Roboto-Regular.woff") format("woff"), url("../fonts/solid/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Galano Grotesque';
  src: url("../fonts/solid/GalanoGrotesque-Bold.woff2") format("woff2"), url("../fonts/solid/GalanoGrotesque-Bold.woff") format("woff"), url("../fonts/solid/GalanoGrotesque-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
body {
  font-family: 'Roboto'; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Galano Grotesque'; }

h2 {
  font-size: 28px; }

p, a, ol, ul, li {
  font-family: 'Roboto'; }

body p {
  text-align: justify; }

h1.heading-bold, h3.uk-h3 {
  font-family: 'Galano Grotesque'; }

.outergrid h1 {
  font-size: 30px; }

/* //load fonts */
@media screen and (max-width: 1166px) {
  .contact .maps {
    float: left;
    margin-top: 25px; } }
@media screen and (max-width: 991px) {
  .navbar-toggle {
    display: block !important; } }
@media screen and (max-width: 700px) {
  .logo.pull-left img {
    width: 240px; }

  .titlebg, .titlebg.wide {
    width: 75vw;
    height: auto;
    padding-left: 60px; }

  .titlebg::after {
    content: '';
    height: 20px;
    position: absolute;
    background-color: #fff;
    width: 70%;
    padding: 0px;
    margin-left: -90px;
    height: 520px;
    top: 727px; }

  .contentbg {
    width: 115%;
    height: auto; }

  h2.solid, h3.solid {
    width: 60vw; }

  .maincontentsubgrid .column1, .maincontentsubgrid .column2 {
    width: 80vw; }

  .outergrid {
    margin: 0 -20px; }
    .outergrid img {
      width: 100px;
      height: auto;
      margin-right: 20px !important; }
    .outergrid h1 {
      font-size: 20px !important; }
    .outergrid p {
      font-size: 15px !important; }

  .contact .contentbg {
    width: 84vw; } }
@media screen and (max-width: 500px) {
  .home p {
    padding-right: 20px; }
    .home p br {
      display: none; }

  .people img {
    margin-right: 10px; }
  .people h1 {
    font-size: 1.9em; }
  .people h3 {
    font-size: 1.4em; }

  .contentbg.extended {
    height: 1280px; }

  .contact .contentbg {
    height: 620px; }

  .titlebg::after {
    height: 716px; }

  .titlebg.extended::after {
    height: 1130px; }

  .outergrid img {
    width: 130px; }
  .outergrid p.hidden-mobile {
    display: none; }

  .contact .maps {
    margin-top: 50px; }
    .contact .maps img {
      height: auto;
      width: 100%; } }