/**
 * #.#  Client Custom Styles
 *
 * Theme specific styles
*/


/* =============================
  # Theme Colours
============================= */

:root {
  --black: #404040;
  --orange: #DD5817;
  --grey: #eaeaea;
  --dark-grey:#9AA9AE;
  --white: #ffffff;
  
  --regular: "Lato", sans-serif;
  --content: "Lato", sans-serif;
  --header: "Lato", sans-serif;
}

/* Site defaults */

body,html {font-family:var(--regular)}

.circle-image {overflow:hidden;border-radius:50%}
.circle-image img {object-fit: cover;aspect-ratio: 1 / 1}

.clear-cta {}

.clear-cta:hover,
.clear-cta:focus-visible { }


/** Colour Schemes **/
.green-bg {background-color:var(--green)}
.green-bg .content-block {color:var(--black)}
header.green-header .break-border {background-color:var(--black)}
.green-header .break-border  {background-color:var(--black)}
.white-bg {background-color:var(--white)}
.white-bg .content-block {color:var(--black)}
header.white-header .break-border  {background-color:var(--black)}
.grey-bg {background-color:var(--grey)}
.grey-bg .content-block {color:var(--black)}
.error-404 {background-color:var(--white)}

/* Font Sytles */
.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6,
.content-block p,
.content-block li {}

.content-block h2 {font-size:40px;line-height:50px;color:var(--orange);padding-bottom:50px}
.content-block h3 {}
.content-block h4 { }
.content-block p {padding-bottom:35px}
.content-block p,
.content-block li { font-size: 23px; line-height: 33px; color:var(--black)}
.content-block ul { list-style-position: inside; list-style-type: disc;padding-bottom: 25px; }
.content-block ol { list-style-position: inside; list-style-type: decimal; padding-bottom: 25px;}


.content-block a {border-bottom:1px solid rgba(0,0,0,0.1);}
.content-block a:hover {border-bottom:1px solid rgba(0,0,0,1)}

/* Slick Slider */


/* Fancy Image effects */
/* Optional polish that always applies to the whole transition */
::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) { z-index: 2; animation: fade-in-image 0.4s ease; }

@keyframes fade-in-image {
  from { opacity: 0; }
  to { opacity: 1; }
}
::view-transition-old(post-image-*) {
  z-index: 1;
}

::view-transition-new(post-image-*) {
  z-index: 2;
  clip-path: none;
  animation: fade-in-image 0.4s ease;
}

@keyframes fade-in-image {
  from { opacity: 0; }
  to { opacity: 1; }
}


::view-transition-old(post-title-*) {
  z-index: 1;
}

::view-transition-new(post-title-*) {
  z-index: 2;
  animation: fade-in-title 0.35s ease;
}

@keyframes fade-in-title {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
.content-block h2 {font-size: 30px; line-height: 40px; padding-bottom:25px;}
.content-block p, .content-block li {font-size: 20px;line-height: 26px;}
.content-block p {padding-bottom:20px}
}

@media (max-width: 1080px) {

}

@media (max-width: 992px) {
.contact_form_module .content-block h2 {font-size: 28px;line-height: 35px;}
.mobile-center {text-align: center!important;}
}

@media (max-width: 768px) {

}

@media (max-width: 600px) {

}