/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/***************************
****************************

NAME: _reset.scss
SITE: Made up company
DESCRIPTION: Resetting all theme preset styles where not possible in template
-------------------------------------

AUTHOR: Charlotte Osborne
DATE CREATED: 20/06/17
LAST MODIFIED DATE:
LAST MODIFIED BY:

****************************
***************************/
/* This is reset stylesheet will probably grow over time - and we can share it with each other and reuse it on all new builds*/
/* BELOW IS JUST AN EXAMPLE */
input[type="submit"], .button {
  text-shadow: none;
  background-image: none;
  background-color: transparent;
}
h1 {
  font-size: 2.5rem;
  color: #262262;
  font-weight: 600;
  font-family: "Hero New", sans-serif;
}
@media (max-width: 576px) {
  h1 {
    font-size: 1.8rem;
  }
}
h2 {
  font-size: 2rem;
  color: #262162;
  font-family: "Hero New", sans-serif;
  font-weight: 600;
}
@media (max-width: 576px) {
  h2 {
    font-size: 1.5rem;
  }
}
h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #262162;
  font-family: "Hero New", sans-serif;
}
@media (max-width: 576px) {
  h3 {
    font-size: 1.2rem;
  }
}
h4 {
  font-size: 1.4rem;
  color: #262162;
  font-family: "Hero New", sans-serif;
  font-weight: 600;
}
h5 {
  color: #262162;
  font-family: "Hero New", sans-serif;
  font-weight: 600;
}
p {
  font-size: 15px;
  font-family: "Hero New", sans-serif;
  color: #484848;
}
a {
  color: #262162;
  text-decoration: none;
}
a:hover {
  color: #921717;
}
.btn {
  background: #921717;
  padding: 15px;
  color: white;
  text-transform: uppercase;
}
.btn:hover {
  color: #921717;
  background: #FFF;
}
@media (max-width: 959px) {
  .btn {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .btn {
    margin-bottom: 20px;
  }
}
.bullet-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .bullet-list {
    flex-wrap: wrap;
  }
}
.list-col2 {
  column-count: 2;
}
@media (max-width: 576px) {
  .list-col2 {
    column-count: 1;
  }
}
.list-col4 {
  column-count: 4;
}
@media (max-width: 576px) {
  .list-col4 {
    column-count: 1;
  }
}
.bullet-list-1 {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 576px) {
  .bullet-list-1 {
    flex-wrap: wrap;
  }
}
.bullet-list-1 ul {
  margin-right: 70px;
}
.bullet-list-1 ul.b-list {
  margin-right: -50px;
}
ul {
  margin-left: 0;
}
li {
  list-style: none;
  line-height: 30px;
}
#g-header .header-tel {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 576px) {
  #g-header .header-tel {
    justify-content: center;
    margin-top: -20px;
    margin-bottom: -15px;
  }
}
#g-header a {
  color: #262162;
}
#g-header a:hover {
  color: #921717;
}
#g-navigation a {
  font-weight: 800;
  text-transform: uppercase;
}
#g-navigation a:hover {
  background: #393392;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-navigation li.active a {
  background: #393392;
  color: white;
}
section#g-showcase {
  padding-top: 0px;
  padding-bottom: 0px;
}
section#g-showcase div.g-content {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#g-navigation ul.g-toplevel {
  justify-content: space-evenly !important;
  align-items: center;
  margin-right: 50px;
  margin-left: 50px;
}
#g-navigation .g-menu-item-content {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}
#g-navigation li.a {
  color: #FFF;
}
#g-navigation li.a:hover {
  color: #921717;
}
.g-offcanvas-toggle {
  color: #262162;
  font-size: 1.75rem;
}
.g-offcanvas-toggle i.fa.fa-fw.fa-bars {
  margin: 20px;
}
body .uk-scope .uk-overlay-primary {
  background: rgba(38, 33, 98, 0.7);
  padding: 25px;
}
@media (max-width: 576px) {
  body .uk-scope .uk-overlay-primary {
    background: rgba(38, 33, 98, 0.9);
    padding: 20px;
  }
}
body .uk-scope .uk-overlay-primary p {
  color: white;
  font-size: 1.15rem;
  margin: 0;
}
@media (max-width: 576px) {
  body .uk-scope .uk-overlay-primary p {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
}
section#g-showcase {
  padding-top: 0px;
  padding-bottom: 0px;
}
section#g-showcase h3 {
  font-weight: 700;
}
@media (max-width: 576px) {
  section#g-showcase h3 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: -10px;
  }
}
section#g-showcase div.g-content {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  max-width: 100%;
  max-height: 40%;
  object-fit: contain;
}
.uk-slideshow-items {
  max-height: 400px;
  min-height: 400px !important;
}
button {
  background: #921717;
  padding: 15px;
  color: white;
  text-transform: uppercase;
}
.column-image {
  width: 250px;
}
#g-abovefooter {
  background-color: #262162;
  margin-top: 80px;
}
#g-abovefooter .g-grid {
  justify-content: center;
}
#g-abovefooter ul.g-toplevel {
  display: flex;
  justify-content: space-evenly;
  margin-right: 50px;
  margin-left: 50px;
}
@media (max-width: 767px) {
  #g-abovefooter ul.g-toplevel {
    flex-wrap: wrap;
    margin: 0;
  }
  #g-abovefooter ul.g-toplevel > li > .g-menu-item-container {
    padding: 0.5rem 0.938rem;
  }
}
#g-abovefooter .g-menu-item-title {
  color: #FFF;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}
#g-abovefooter .g-menu-item-title:hover {
  color: #921717;
}
/*.g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, li.active a {
		background: #393392;
    color: white;
	} */
@media (min-width: 767px) {
  #g-footer .footer-credits {
    text-align: right;
  }
}
#g-footer .copyright {
  text-align: left;
  padding-bottom: 40px;
  padding-right: 40px;
}
#g-footer a {
  color: #262162;
  text-align: left;
  padding-bottom: 40px;
  padding-right: 20px;
  margin-right: 10px;
}
#g-footer a:hover {
  color: #921717;
}
#g-footer img#accred {
  width: 30%;
  margin-right: 30px;
  margin-top: 20px;
}
/*HOME PAGE BY - JI - 08/10/2021 */
.page-title {
  background-color: #262162;
  padding: 15px;
  margin-top: 0;
  color: #FFF;
  font-size: 1.75rem;
  text-transform: uppercase;
}
.boxed {
  background: #262162;
  color: white;
  padding: 1.5rem;
}
.boxed h2 {
  margin-bottom: 0.5rem;
  color: white;
  text-align: center;
}
@media (max-width: 1199px) {
  .boxed h2 {
    font-size: 1rem;
  }
}
.boxed p {
  margin-top: 0.75rem;
  color: white;
  text-align: center;
}
.boxed .newsletterbutton {
  display: flex;
  max-width: 80%;
  justify-content: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
@media (max-width: 959px) {
  .boxed .newsletterbutton {
    font-size: 0.785rem;
  }
}
@media (max-width: 959px) and (max-width: 768px) {
  .boxed .newsletterbutton {
    font-size: 0.785rem;
  }
}
.newsletterbutton {
  color: white;
  background-color: #921717;
  padding: 0.8rem 1rem;
  margin: 0.5rem auto;
  display: inline-block;
}
.newsletterbutton:hover {
  color: white;
  background-color: #661010;
}
.email-contact {
  color: #262162;
}
.email-contact:hover {
  color: #921717;
}
.newsletterimage {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.G3-body {
  margin-top: 30px;
}
#g-main {
  margin-bottom: -110px;
}
@media (max-width: 576px) {
  #g-main {
    padding: 0;
  }
}
#g-main li:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  background: #921717;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
#g-subfeature {
  border: none;
  padding: 0;
  margin-top: 50px;
}
#g-subfeature div[class*="box"] {
  padding: 0;
  margin: 0;
}
.values-title {
  margin-top: 30px;
  background-color: #262162;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.blockquote {
  font-family: "hero-new", sans-serif;
  border-left: 8px solid #383097;
  background: #fafafa;
  padding: 30px 10px;
}
.blockquote:before {
  content: "“";
  font-size: 100px;
  color: #383097;
  display: block;
  margin-top: -30px;
}
.blockquote p {
  color: #484848;
  font-weight: 500;
  margin-left: 10px;
  font-style: italic;
  line-height: 155%;
}
.blockquote .blockquote-text {
  margin-top: -60px;
}
.row {
  display: flex;
  justify-content: flex-start;
  margin-top: 50px;
}
@media screen and (max-width: 969px) {
  .row {
    margin: 10px;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .row {
    flex-wrap: wrap;
  }
}
.row .column {
  padding-right: 50px;
  width: 50%;
  flex: 0 50%;
}
@media (max-width: 959px) {
  .row .column {
    padding: 0;
    width: 100%;
    flex: 0 100%;
  }
}
@media (max-width: 576px) {
  .row .column {
    padding: 0;
    width: 100%;
    flex: 0 100%;
  }
}
#g-subfeature .column .bullet-list li:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  background: #921717;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
#g-subfeature .column .bullet-style li:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  background: #921717;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
.service-h2 {
  font-size: 1.8rem;
}
@media (max-width: 576px) {
  .service-h2 {
    font-size: 1.25rem;
  }
}
.box-outline {
  border: 1px solid #ececec;
  padding: 30px;
  border-radius: 2px;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .box-outline h3 {
    font-size: 1.15rem;
  }
}
.featured-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}
.featured-box .text-left, .featured-box .img-right {
  flex: 0 50%;
  max-width: 50%;
}
@media (max-width: 959px) {
  .featured-box .text-left, .featured-box .img-right {
    flex: 0 100%;
    max-width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .featured-box .text-left, .featured-box .img-right {
    flex: 0 100%;
    max-width: 100%;
    margin-top: 20px;
  }
}
.tel-header {
  font-size: 19px;
  font-weight: 600;
}
.tel-header:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  padding-right: 10px;
  font-size: 19px;
}
/*# sourceMappingURL=custom_10.css.map */