/*
Theme Name: Runte (GeneratePress Child)
Theme URI: https://runteandassociates.ca/
Template: generatepress
Author: Colton Little
Description: https://runteandassociates.ca/
Version: 1.0.0.1740683671
Updated: 2025-02-27 19:14:31

*/

:root {
    --amber-950: #461901;
    --amber-900: #7b3306;
    --amber-800: #973c00;
    --amber-700: #bb4d00;
    --amber-600: #e17100;
    --amber-500: #fe9a00;
    --amber-400: #ffb900;
    --amber-300: #ffd230;
    --amber-200: #fee685;
    --amber-100: #fef3c6;
    --amber-50: #fffbeb;

    --gray-950: #0c0a09;
    --gray-900: #1c1917;
    --gray-800: #292524;
    --gray-700: #44403b;
    --gray-600: #57534d;
    --gray-500: #79716b;
    --gray-400: #a6a09b;
    --gray-300: #d6d3d1;
    --gray-200: #e7e5e4;
    --gray-100: #f5f5f4;
    --gray-50: #fafaf9;
	
    --font-roboto: "Roboto", sans-serif;
    --font-lora: "Lora", serif;
    --text-title: "Lora", serif;
    --text-body: "Roboto", sans-serif;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

html {
    min-height: 100%;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

body,
html {
    color: var(--gray-900);
    font: 100% / normal var(--text-body), sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: var(--text-title), serif;
    font-weight: 500;
    line-height: 1.2;
}

p {
    line-height: 1.5;
}

.text-1xs {
    font-size: 0.75em;
}

.text-xs {
    font-size: 0.8125em;
}

.text-sm {
    font-size: 0.875em;
}

.text-lg {
    font-size: 1.125em;
}

.text-xl {
    font-size: 1.25em;
}

.text-2xl {
    font-size: 1.5em;
}

.text-3xl {
    font-size: 1.75em;
}

.text-4xl {
    font-size: 2.25em;
}

.weight-400 {
    font-weight: 400 !important;
}

.weight-500 {
    font-weight: 500 !important;
}

.weight-700 {
    font-weight: 700 !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.tracking-tighter {
    letter-spacing: -0.03125em;
}

.tracking-tight {
    letter-spacing: -0.0125em;
}

.tracking-normal {
    letter-spacing: 0 !important;
}

.tracking-wide {
    letter-spacing: 0.0125em;
}

.tracking-wider {
    letter-spacing: 0.03125em;
}

.no-bullets {
    list-style: none;
    padding-left: 0;
}

.break-all {
    word-break: break-all;
}

.break-word {
    word-wrap: break-word;
}

.white {
    color: #fff !important;
}

.gray-950 {
    color: var(--gray-950) !important;
}

.gray-900 {
    color: var(--gray-900) !important;
}

.gray-800 {
    color: var(--gray-800) !important;
}

.gray-700 {
    color: var(--gray-700) !important;
}

.gray-600 {
    color: var(--gray-600) !important;
}

.gray-500 {
    color: var(--gray-500) !important;
}

.gray-400 {
    color: var(--gray-400) !important;
}

.gray-300 {
    color: var(--gray-300) !important;
}

.gray-200 {
    color: var(--gray-200) !important;
}

.gray-100 {
    color: var(--gray-100) !important;
}

.gray-50 {
    color: var(--gray-50) !important;
}

.amber-950 {
    color: var(--amber-950) !important;
}

.amber-900 {
    color: var(--amber-900) !important;
}

.amber-800 {
    color: var(--amber-800) !important;
}

.amber-700 {
    color: var(--amber-700) !important;
}

.amber-600 {
    color: var(--amber-600) !important;
}

.amber-500 {
    color: var(--amber-500) !important;
}

.amber-400 {
    color: var(--amber-400) !important;
}

.amber-300 {
    color: var(--amber-300) !important;
}

.amber-200 {
    color: var(--amber-200) !important;
}

.amber-100 {
    color: var(--amber-100) !important;
}

.amber-50 {
    color: var(--amber-50) !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-gray-950 {
    background-color: var(--gray-950) !important;
}

.bg-gray-900 {
    background-color: var(--gray-900) !important;
}

.bg-gray-800 {
    background-color: var(--gray-800) !important;
}

.bg-gray-700 {
    background-color: var(--gray-700) !important;
}

.bg-gray-600 {
    background-color: var(--gray-600) !important;
}

.bg-gray-500 {
    background-color: var(--gray-500) !important;
}

.bg-gray-400 {
    background-color: var(--gray-400) !important;
}

.bg-gray-300 {
    background-color: var(--gray-300) !important;
}

.bg-gray-200 {
    background-color: var(--gray-200) !important;
}

.bg-gray-150 {
    background-color: var(--gray-150) !important;
}

.bg-gray-100 {
    background-color: var(--gray-100) !important;
}

.bg-gray-50 {
    background-color: var(--gray-50) !important;
}

.bg-amber-950 {
    background-color: var(--amber-950) !important;
}

.bg-amber-900 {
    background-color: var(--amber-900) !important;
}

.bg-amber-800 {
    background-color: var(--amber-800) !important;
}

.bg-amber-700 {
    background-color: var(--amber-700) !important;
}

.bg-amber-600 {
    background-color: var(--amber-600) !important;
}

.bg-amber-500 {
    background-color: var(--amber-500) !important;
}

.bg-amber-400 {
    background-color: var(--amber-400) !important;
}

.bg-amber-300 {
    background-color: var(--amber-300) !important;
}

.bg-amber-200 {
    background-color: var(--amber-200) !important;
}

.bg-amber-100 {
    background-color: var(--amber-100) !important;
}

.bg-amber-50 {
    background-color: var(--amber-50) !important;
}

.lora,
.text-title {
    font-family: var(--text-title) !important;
}

.roboto,
.text-body {
    font-family: var(--text-body) !important;
}

.img-responsive {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

.btn {
    background: 0 0;
    border: 1px solid;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    font-family: var(--text-body);
  	font-size: 1.125em; 
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.0125em;
    padding: 1.1111em 2.2222em 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.25s background-color ease, 0.25s border-color ease, 0.25s box-shadow ease-in, 0.25s color ease;
    transition: 0.25s background-color ease, 0.25s border-color ease, 0.25s box-shadow ease-in, 0.25s color ease;
    vertical-align: middle;
}

.btn:active,
.btn:focus {
    outline: 0;
}

.btn:active {
	top: 1px;
}

.btn__primary {
    background-color: var(--amber-400);
    border-color: var(--amber-400);
    color: var(--gray-950);
}

.btn__primary:focus,
.btn__primary:hover {
    background-color: var(--amber-500);
    border-color: var(--amber-500);
}

.btn__outline {
    background-color: transparent;
    border-color: var(--gray-950);
    color: var(--gray-950);
}

.btn__outline:focus,
.btn__outline:hover {
    background-color: var(--gray-950);
    color: #fff;
}

.site-header {
	padding: 25px 0;
}

.site-logo {
	margin: 0 auto;
}

@media (min-width: 768px) {
  .footer-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
  }
}

.site-info {
  	background-color: var(--gray-900);
  	color: #fff;
}

.inside-site-info {
	padding: 40px 20px;
}

.site-footer .copyright-bar {
	display: none;
}

@media (max-width: 767px) {
	.site-footer .btn {
      	margin-top: 20px;
  	}
}

.header-widget {
	@media (max-width: 767px) {
  		display: none;
  	}
}

.home-hero {
	@media (max-width: 1024px) {
  		background-image: none !important;
  	}
}