﻿/*#region Global Variables*/
/*#endregion*/
/*#region Styling*/
body {
  background-color: #ffffff;
  font-family: 'Lalezar'; }

.page-content {
  position: relative;
  top: -55px; }

/*#region Nav*/
nav.navbar-default {
  background-color: #D83B3B;
  border: 0;
  border-radius: 0;
  margin-bottom: 0; }
  nav.navbar-default ul.navbar-nav li a {
    color: #BABABA;
    transition-property: color;
    transition-duration: 1s; }
  nav.navbar-default ul.navbar-nav li a:hover, nav.navbar-default ul.navbar-nav li a:focus {
    color: #fff; }
  nav.navbar-default ul.navbar-nav li.dropdown.yamm-fw .dropdown-menu li:first-child {
    font-size: 20px; }
  nav.navbar-default ul.navbar-nav li.dropdown.yamm-fw .dropdown-menu li a:hover {
    background-color: #D83B3B !important; }
  nav.navbar-default ul.navbar-nav li.dropdown.yamm-fw.open a.dropdown-toggle {
    background-color: #E5DFDF;
    color: #D83B3B; }

button.navbar-toggle {
  background-color: #D83B3B; }
  button.navbar-toggle .icon-bar {
    color: #fff; }

/*#endregion*/
/*#region Header*/
header {
  background-color: #D83B3B; }
  header h1 {
    margin-top: 30px;
    color: #fff; }
    header h1 a:hover {
      text-decoration: none; }
    header h1 span {
      color: #fff;
      text-shadow: 2px 2px 2px #D83B3B; }
  header .site-heading,
  header .site-sub-heading {
    display: none; }

/*#endregion*/
/*#region Grid Page Components*/
.grid-webpage-grid-container .grid-section .basic-webpage-banner {
  width: 80%;
  height: 400px;
  margin: auto; }
  .grid-webpage-grid-container .grid-section .basic-webpage-banner .carousel-inner .item {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center center; }

.grid-webpage-grid-container .grid-section a.card.has-image {
  display: block;
  height: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 5px 5px;
  border-radius: 5px; }
  .grid-webpage-grid-container .grid-section a.card.has-image h2 {
    width: 100%;
    text-align: center;
    padding: 10px 0px 10px 0px;
    background-color: #D83B3B;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    transition-property: background-color, color;
    transition-duration: 1s; }

.grid-webpage-grid-container .grid-section a.card.has-image:hover {
  text-decoration: none; }
  .grid-webpage-grid-container .grid-section a.card.has-image:hover h2 {
    background-color: #BABABA;
    color: #D83B3B; }

/*#endregion*/
/*#region Footer*/
footer {
  height: 1000px;
  background-color: #D83B3B; }
  footer div.col-sm-8 div.col-sm-12 .footer-text {
    text-align: center; }
    footer div.col-sm-8 div.col-sm-12 .footer-text p:first-child {
      font-size: 26px; }
  footer div.col-sm-8 .footer-images {
    padding-top: 0px;
    background-color: #D83B3B;
    text-align: center; }
    footer div.col-sm-8 .footer-images img {
      width: 80px;
      margin: 10px 15px; }
  footer div.col-sm-4 p#footer-links-text {
    display: none; }
  footer div.col-sm-4 ul.footer-links {
    display: none; }
  footer div.col-sm-4 ul.footer-links-float-x2 {
    text-align: center; }
    footer div.col-sm-4 ul.footer-links-float-x2 li {
      width: 33%;
      float: left;
      padding: 10px 0px; }
      footer div.col-sm-4 ul.footer-links-float-x2 li a {
        text-decoration: none;
        color: #ffffff;
        transition: text-shadow, color 1s; }
      footer div.col-sm-4 ul.footer-links-float-x2 li a:hover {
        /*text-shadow: 5px 5px 5px #000000;
                    color: #ffffff;*/
        text-decoration: underline; }
  footer div.col-sm-4 p#address-header {
    padding-top: 60px;
    font-size: 26px;
    text-align: center; }
  footer div.col-sm-4 address {
    text-align: center; }
  footer div.col-sm-12.footer-social-links-container #footer-social-links-header {
    text-align: center; }
  footer div.col-sm-12.footer-social-links-container #footer-social-links {
    text-align: center; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer {
    position: relative;
    height: 500px;
    background-color: #D83B3B; }
    footer div.col-sm-4 p#footer-links-text {
      font-size: 26px;
      text-align: center; }
    footer div.col-sm-4 ul.footer-links {
      list-style-type: none;
      padding-left: 0px; } }

@media only screen and (min-width: 992px) {
  footer {
    position: relative;
    height: 500px;
    background-color: #D83B3B; }
    footer div.col-sm-8 .footer-images {
      padding-top: 50px;
      background-color: #D83B3B;
      text-align: center; }
      footer div.col-sm-8 .footer-images img {
        width: 100px;
        margin: 20px 30px; }
    footer div.col-sm-4 p#footer-links-text {
      font-size: 26px;
      text-align: center; }
    footer div.col-sm-4 ul.footer-links {
      list-style-type: none;
      padding-left: 0px; } }

/*#endregion*/
/*#region Custom Styling*/
.homepage-slogan {
  position: relative;
  top: -200px; }

.homepage-quaternary-bg {
  background-color: #BABABA;
  height: 150px; }

.red-bg {
  background-color: #D83B3B;
  padding: 50px; }
  .red-bg h2 {
    color: #fff;
    text-shadow: 1px 1px 1px black; }
  .red-bg p {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px black; }

.quat-colour-bg {
  background-color: #8A8181;
  padding: 50px; }
  .quat-colour-bg h2 {
    color: #fff;
    text-shadow: 1px 1px 1px black; }
  .quat-colour-bg p {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px black; }

.offset-card {
  position: relative;
  top: -70px; }

.offset-minus-70-vert {
  position: relative;
  top: -70px; }

.header-wave {
  width: 100%; }

.youtube-primary-border .video-component {
  position: relative;
  top: 100px;
  border: 10px solid #fff;
  border-radius: 5px; }

/*#endregion*/
/*#endregion*/
