/*
Theme Name: Clydebank Lawyers
Author: Xtensive
Description: Clydebank Lawyers theme designed exclusively for this website.
Version: 1.0
*/
/* INDEX

#1. Colors, Fonts and Global
#2. Header
#3. Navigation
#4. Home page_content
#5. Footer

*/
html, body, a, p, h1, h2, h3, h4, h5, h6 {
  font-family: mr-eaves-modern, sans-serif; }

body {
  font-size: 16px;
  width: 100%; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 100; }

.container2 {
  max-width: 100%;
  overflow: hidden; }

.carousel {
  width: 100%;
  height: 600px;
  position: relative; }
  .carousel .swiper-slide {
    width: 100%;
    height: 600px;
    position: relative; }
    .carousel .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .carousel .swiper-slide .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .carousel .swiper-slide .overlay p {
        font-size: 60px;
        font-weight: 900;
        color: #FFF;
        padding: 0;
        margin: 0; }
      .carousel .swiper-slide .overlay span {
        font-size: 30px;
        color: #FFF; }

.block-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 4em 2em;
  text-align: center;
  display: flex;
  flex-direction: column; }
  .block-content h1 {
    font-size: 3em; }
  .block-content h3 {
    font-size: 1.4em; }
  .block-content p {
    font-size: 1.3em;
    margin-bottom: 1em; }

.block-content-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

header {
  background: #FFF;
  width: 100%;
  display: flex;
  flex-direction: column; }

.toolbar {
  background: #EEE;
  width: 100%;
  display: flex;
  padding: 0.5em 2em;
  font-size: 1.1em;
  justify-content: center;
  text-align: center; }
  @media (max-width: 767px) {
    .toolbar {
      display: none; } }

.logo {
  padding: 2em 0;
  box-sizing: border-box;
  text-align: center; }
  .logo img {
    width: 500px;
    height: auto;
    text-align: center;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .logo img {
        width: 300px; } }
  @media (max-width: 767px) {
    .logo {
      padding-left: 0; } }

.main-nav {
  width: 100%;
  background: #1D1D1B;
  box-sizing: border-box;
  display: flex;
  text-align: center;
  justify-content: center; }
  .main-nav ul {
    margin-bottom: 0;
    padding-left: 0;
    text-align: center; }
  .main-nav li {
    position: relative;
    display: inline-flex;
    text-align: center; }
    .main-nav li a {
      color: #FFF;
      padding: 1em;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 1.2em; }
      .main-nav li a:hover {
        background: #BF1522;
        color: #FFF;
        text-decoration: none; }
      @media (max-width: 551px) {
        .main-nav li a {
          font-size: 0.9em; } }

.fixed-image {
  width: 100%;
  height: 400px;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important; }

.home-service {
  display: flex;
  width: 48%;
  margin: 0 1%;
  margin-bottom: 20px;
  flex-direction: column;
  justify-content: center;
  font-size: 16px; }
  @media (max-width: 959px) {
    .home-service {
      width: 48%; } }
  @media (max-width: 767px) {
    .home-service {
      width: 100%; } }
  .home-service img {
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #1D1D1B;
    border-radius: 50%;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease; }
  .home-service h3 {
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase; }
  .home-service p {
    font-size: 1.2em; }
  .home-service:hover img {
    background: #BF1522;
    -webkit-transition: 0.6s;
    transition: 0.6s; }

.gfield_label {
  display: none !important; }

.ginput_recaptcha div {
  text-align: center;
  margin: 0 auto; }

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

.gform_footer .button {
  text-align: center;
  margin: 0 auto !important;
  display: block;
  padding: 1em 2em;
  background: #1D1D1B;
  border: 0;
  color: #FFF;
  text-transform: uppercase;
  font-size: 30px; }
  .gform_footer .button:hover {
    background: #BF1522; }

textarea {
  border-color: #CCC !important; }

footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #1D1D1B;
  text-align: center;
  padding: 2em; }
  footer p {
    margin: 0;
    color: #FFF; }
  footer a {
    color: #FFF;
    font-size: 1em; }

/*# sourceMappingURL=style.css.map */