html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
html,
body {
margin: 0;
padding: 0;
font-size: 18px;
height: 100%;
font-family: sans-serif;
line-height: 1.8;
color: #444
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5 {
font-family: 'Roboto', Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight: 300;
}
.page-id-86 .button, .page-id-1461 .button, .page-id-30 .button, .page-id-1880 .button {
margin-bottom: 12px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
border: 2px solid #2d2d2d;
background: transparent;
padding: 12px 12px;
display: block;
width: 100%;
margin-bottom: 12px;
color: #2d2d2d;
}
.hdf_row {
margin-bottom: 22px;
}
.page-id-30 .hdf_check_row {
float: left;
margin: 0 0 12px 0;
width: 33%;
line-height: 1;
}
.hdf_one_half .hdf_check_row {
width: 49%;
}
.hdf_one_third .hdf_check_row {
float: none;
width: auto;
}
.hdSubmit:hover {
background: #2d2d2d;
color: #fff;
}
.hdSubmit {
border: 3px solid #2d2d2d;
background: transparent;
padding: 12px 12px;
display: inline-block;
color: #2d2d2d;
float: right;
cursor: pointer;
} .hdf_radio .hdf-options-check {
font-size: 24px;
}
.hdf_radio .hdf-options-check input[type=checkbox] {
position: absolute;
opacity: 0;
display: none;
}
.hdf_radio .hdf-options-check label {
width: 2em;
height: 1em;
position: relative;
cursor: pointer;
display: block;
font-size: 22px !important;
}
.hdf_radio .hdf-options-check label:before {
content: '';
position: absolute;
width: 2em;
height: 1em;
left: 0.1em;
transition: background 0.1s ease;
background: #F25F5C;
border-radius: 50px;
box-shadow: inset 0px 1px 1px rgba(171, 66, 63, 0.5);
}
.hdf_radio .hdf-options-check label:after {
content: '';
position: absolute;
width: 1em;
height: 1em;
border-radius: 50px;
left: 0;
transition: all 0.2s ease;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
background: #2d2d2d;
animation: hdf_switch-off .2s ease-out;
z-index: 2;
}
.hdf_radio .hdf-options-check input[type=checkbox]:checked+label:before {
background: #72c474;
box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}
.hdf_radio .hdf-options-check input[type=checkbox]:checked+label:after {
animation: hdf_switch-on .2s ease-out;
left: 1.1em;
background: #efefef
} .hdf_checkbox .hdf-options-check {
font-size: 24px;
}
.hdf_checkbox .hdf-options-check input[type=checkbox] {
position: absolute;
opacity: 0;
display: none;
}
.hdf_checkbox .hdf-options-check label {
width: 2em;
height: 1em;
position: relative;
cursor: pointer;
display: block;
font-size: 22px !important;
}
.hdf_checkbox .hdf-options-check label:before {
content: '';
position: absolute;
width: 2em;
height: 1em;
transition: background 0.1s 0.1s ease;
border-radius: 4px;
background: #881b1b;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.hdf_checkbox .hdf-options-check label:after {
content: '';
position: absolute;
width: .6em;
height: .6em;
left: .2em;
top: .2em;
border-radius: 4px;
transition: all 0.2s ease;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
background: #F25F5C;
z-index: 2;
}
.hdf_checkbox .hdf-options-check input[type=checkbox]:checked+label:before {
background: #72c474;
box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}
.hdf_checkbox .hdf-options-check input[type=checkbox]:checked+label:after {
animation: hdf_switch-on .2s ease-out;
left: 1.1em;
background: #efefef
}
label.non-block {
display: inline-block !important;
margin-right: 12px !important;
margin-bottom: 12px;
}
@keyframes hdf_switch-on {
50% {
transform: scaleX(1.3);
}
}
@keyframes hdf_switch-off {
50% {
transform: scaleX(1.3);
}
}
.hdf_one_half {
width: 48%;
position: relative;
margin-right: 3%;
float: left;
}
.hdf_one_third {
width: 30.66%;
position: relative;
margin-right: 3%;
float: left;
}
.hdf_last {
margin-right: 0 !important;
clear: right;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
.page-id-30 .submit {
border: 3px solid #2d2d2d;
background: transparent;
padding: 12px 12px;
display: inline-block;
color: #2d2d2d;
cursor: pointer;
}
#respond {
margin-bottom: 66px;
}
#wrapper {
margin: 0 auto;
position: relative;
height: 100%;
}
.home #content .wrap, .wrap {
width: 1200px;
margin: 0 auto;
}    .tsml-ui #content .wrap {
width: 1000px
}
.tsml-region,
#tsml-ui table th:last-of-type {
display: none !important;
}  #content .wrap {
width: 1000px;
margin: 0 auto;
}
#header {
position: relative;
     width: 100%;
height: 250px;
top: 0;
left: 0;
}
.home #header {
position: relative;
height: 650px;
max-height: 80%;
width: 100%;
top: 0;
left: 0;
}
#overlay {
height: 100%;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#overlay>div {
position: absolute;
bottom: 5%;
width: 100%;
width: 100%;
text-align: center;
margin: 0 auto;
font-family: 'Roboto', Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight: 300;
}
.home #overlay>div {
position: relative;
bottom: 5%;
width: 950px;
margin: 0 auto;
font-family: 'Roboto', Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight: 300;
}
.home #overlay>div {
position: absolute;
bottom: 20%;
width: 100%;
text-align: center;
margin: 0 auto;
}
#hd_map {
width: 100%;
height: 100%;
bottom: 0 !important;
}
#content {
padding: 40px 0
}
.home #content .wrap {
padding: 40px 0
}
.hero-title {
display: block;
margin-top: 2px;
color: #000;
text-align: center;
font-size: 3.2em;
line-height: 1.8;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.home .hero-title {
padding: 0;
line-height: 1em;
}
.hero-subtitle {
display: block;
margin-top: 2px;
color: #000;
padding: 20px;
text-align: center;
font-size: 2.6em;
line-height: 1.8;
-webkit-animation-delay: 1s;
animation-delay: 1s;
line-height: 1em;
}
.hero-subtitle2 {
display: block;
margin-top: 2px;
color: #000;
padding: 20px;
text-align: center;
font-size: 1.8em;
line-height: 1.8;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
#overlay .button {
margin: 0 12px;
display: inline-block;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
#navigation {
position: relative;
background: transparent;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding: 40px 0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#navigation.active {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #222;
padding: 18px 0;
border-bottom: 2px solid #777
}
#logo {
   width: 200px;
float: left;
}
#logo svg {
max-height: 100px
}
#logo .st0 {
fill: transparent;
}
#logo .st1,
#logo .st3 {
fill: #c9e08a;
}
#logo .st2 {
fill: #fff;
}
#nav {
float: right;
margin-top: 40px;
}
#nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav ul li {
float: left;
margin: 0 15px;
padding: 0;
}
#nav ul li.callout a {
background: #c9e08a;
color: #222;
padding: 6px 12px;
border-radius: 24px
}
#nav ul li a {
text-decoration: none;
color: #000;
font-size: 18px;
padding: 4px 2px;
border-bottom: 2px solid transparent;
font-weight: 600;
}
#nav ul li a:hover {
border-bottom: 2px solid #777;
}
.home #content h1 {
text-align: center;
}
.subtitle {
border-top: 2px solid #ddd;
text-align: center;
padding: 20px 0;
}
#home_callouts {
text-align: center;
padding: 60px 0;
}
#footer_top {
background: #128abc;
color: #fff;
padding: 20px 0;
}
#footer_top h3 {
font-size: 1.6em
}
#footer_top h4 {
font-size: 1.4em
}
#footer .hd_button_ghost {
margin-top: 72px;
}
#footer_bot {
background: #222;
padding: 22px 0;
color: #ccc
}
#footer_bot a {
color: #aaa;
}
.hd_button {
display: inline-block;
background: #128abc;
color: #fff;
padding: 12px 22px;
text-decoration: none;
border-radius: 4px
}
.hd_item h2 a {
color:#222;
text-decoration: none;
}
.hd_item .hd_button {
padding: 4px 12px
}
.hd_button_ghost {
background: transparent;
padding: 16px 26px;
border: 2px solid #fff;
font-weight: 400;
float: right;
vertical-align: middle;
letter-spacing: 3px;
text-shadow: none;
box-shadow: none;
text-transform: uppercase;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
text-decoration: none;
color: #fff;
}
.hd_button_ghost:hover {
background: #fff;
color: #000;
}
.button {
display: inline-block;
background: #128abc;
color: #fff;
padding: 12px 22px;
text-decoration: none;
border-radius: 4px;
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
}
.button:hover {
background:#32a6d6;
color:#fff;
}
.bLarge {
font-size: 1.8em;
}
.bMedium {
font-size: 1.4em;
}
.bSmall {
font-size: 0.8em;
}
.bLeft {
text-align: left;
}
.bCenter {
text-align: center;
}
.bRight {
text-align: right;
} .one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 64.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 3%;
float: left;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
.icon_box {
margin: 0 auto 20px auto;
padding: 20px;
border-radius: 50%;
text-align: center;
width: 150px;
height: 150px;
background: #32a6d6;
border: 14px solid #ccc;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial
}
.icon_box i {
font-size: 60px;
line-height: 150px;
text-align: center;
color: #fff
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated3 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.hd_comment {
border: 1px solid #d6d1d1;
padding: 22px;
margin-bottom: 22px;
background: #efefef;
}   
.hd_comment .commentmetadata a {
text-decoration: none;
color: #128abc;
font-weight: 700;
}
#hd_mobile_nav {
display: none;
width: 40px;
height: 40px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
position: absolute;
top: 34px;
right: 34px;
z-index: 99999;
}
#hd_mobile_nav span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #222;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#hd_mobile_nav span:nth-child(1) {
top: 0px;
}
#hd_mobile_nav span:nth-child(2),
#hd_mobile_nav span:nth-child(3) {
top: 16px;
}
#hd_mobile_nav span:nth-child(4) {
top: 32px;
}
.hd_highlight_dark {
background:#2d2d2d;
color:#fff
}
.hd_highlight_medium {
background:#4d4d4d;
color:#efefef
}
.hd_highlight_light {
background:#efefef;
color:#2d2d2d
}
.hd_highlight .wrap p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.hd_highlight .wrap {
padding: 40px 0
} .hdv_table {
background: white;
border-radius: 3px;
border-collapse: collapse;
margin: auto;
padding: 5px;
width: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.hdv_table tr {
border-top: 1px solid #C1C3D1;
border-bottom: 1px solid #C1C3D1;
color: #666B85;
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}
.hdv_table tr:first-child {
border-top: none;
}
.hdv_table tr:last-child {
border-bottom: none;
}
.hdv_table th {
color: #111;
background: #d8dedc;
border-bottom: 4px solid #a9b7b6;
border-right: 1px solid #a9b7b6;
font-size: 14px;
font-weight: 100;
padding: 10px 24px;
text-align: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align: middle;
}
.hdv_table th:first-child {
border-top-left-radius: 3px;
}
.hdv_table th:last-child {
border-top-right-radius: 3px;
border-right: none;
}
.hdv_table tr {
border-top: 1px solid #C1C3D1;
border-bottom: 1px solid #C1C3D1;
color: #666B85;
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}
.hdv_table tr:first-child {
border-top: none;
}
.hdv_table tr:last-child {
border-bottom: none;
}
.hdv_table td {
background: #FFFFFF;
padding: 10px 20px;
text-align: left;
vertical-align: middle;
font-weight: 300;
font-size: 14px;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
border-right: 1px solid #C1C3D1;
}
.hdv_table td.textCenter {
text-align: center
}
.hdv_table .dashicons, .hdv_table a .dashicons {
cursor: pointer;
text-decoration: none;
color: #666B85
}
@media screen and (max-width: 1200px) {
.wrap {
width: auto !important;
padding: 0 12px
}
.one_third, .two_third, .one_half, .last {
margin: auto;
width: auto;
float: none;
}
#home_callouts .one_third {
margin-bottom: 42px
}
.home #content .wrap {
padding: 40px 12px
}
#logo {
width: 120px;
float: none;
position: absolute;
top: 12px;
left: 12px
}
#nav {
display: none;
float: none;
width: 100%;
height: 100%;
overflow-y: auto;
position: fixed;
z-index: 99;
background: #fff;
top: 0;
left: 0;
margin: 0;
}
#nav.nav-open {
display: block;
}
#nav ul {
margin-top: 20%
}
#nav ul li {
float: none;
display: block;
text-align: center;
margin: 16px 0
}
#hd_mobile_nav {
display: block
}
.hero-subtitle, .hero-subtitle2 {
font-size: 1em;
font-weight: 400
}
.hero-title {
font-size: 1.6em;
font-weight: 400
}
.home .hero-title {
font-size: 1.2em;
font-weight: 400
}
}  .hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}   form[action*="comment-subscriptions"] {
--aa-font-scale: 1.12rem; --aa-control-pad-y: 10px; --aa-control-pad-x: 14px; --aa-radius: 6px;
} form[action*="comment-subscriptions"] label {
font-size: calc(var(--aa-font-scale) * 1.0) !important;
line-height: 1.4 !important;
display: inline-flex;
align-items: center;
gap: 10px; } form[action*="comment-subscriptions"] input[type="checkbox"],
form[action*="comment-subscriptions"] input[type="radio"] {
transform: scale(1.6); transform-origin: left center;
margin-right: 10px !important;
vertical-align: middle;
accent-color: #1e73be; } form[action*="comment-subscriptions"] input[type="text"],
form[action*="comment-subscriptions"] input[type="email"],
form[action*="comment-subscriptions"] select {
font-size: calc(var(--aa-font-scale) * 1.05) !important;
padding: var(--aa-control-pad-y) var(--aa-control-pad-x) !important;
border-radius: var(--aa-radius) !important;
line-height: 1.3 !important;
min-height: 42px; box-sizing: border-box;
} form[action*="comment-subscriptions"] input[type="submit"],
form[action*="comment-subscriptions"] button,
form[action*="comment-subscriptions"] .button {
font-size: calc(var(--aa-font-scale) * 1.05) !important;
padding: calc(var(--aa-control-pad-y) + 2px) calc(var(--aa-control-pad-x) + 2px) !important;
border-radius: var(--aa-radius) !important;
line-height: 1.2 !important;
min-height: 44px; } form[action*="comment-subscriptions"] .subscription-row,
form[action*="comment-subscriptions"] .sc-list,
form[action*="comment-subscriptions"] .sc-list li {
display: flex;
align-items: center;
gap: 10px;
} @media (max-width: 480px) {
form[action*="comment-subscriptions"] {
--aa-font-scale: 1.08rem;
}
form[action*="comment-subscriptions"] input[type="checkbox"],
form[action*="comment-subscriptions"] input[type="radio"] {
transform: scale(1.4);
}
}   .aa_halton {
max-width: 800px;
margin: 0 auto;
padding: 20px;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
color: black;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.aa_halton h2 {
margin: 35px 0;
}
.aa_halton a {
color: blue;
text-decoration: underline;
} .aa_halton-bg {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
.aa_halton-bg { background-attachment: scroll; }
} #content:has(.aa_halton-bg) {
padding-top: 0;
padding-bottom: 0;
} .aa_halton > :first-child { margin-top: 0; }
.aa_halton > :last-child  { margin-bottom: 0; } .bg-1 {
background-image: url(https://aahalton.org/wp-content/uploads/2024/02/aahalton_background.jpg);
}
.bg-2 {
background-image: url(https://aahalton.org/wp-content/uploads/2025/08/tree_reflections-scaled.webp);
}
.bg-3 {
background-image: url(https://aahalton.org/wp-content/uploads/2024/05/trees_4860.jpg);
}
.bg-4 {
background-image: url(https://aahalton.org/wp-content/uploads/2024/02/TSML-landscape.png);
}
.bg-5 {
background-image: url(https://aahalton.org/wp-content/uploads/2024/02/background-scaled.jpg);
}
.bg-6 {
background-image: url(https://aahalton.org/wp-content/uploads/2025/04/wooded_path.jpg);
}
.bg-7 {
background-image: url(https://aahalton.org/wp-content/uploads/2025/09/waterfall_1920x960.jpg);
}
.bg-8 {
background-image: url(https://aahalton.org/wp-content/uploads/2025/09/cool-10.jpg);
}
.bg-9 {
background-image: url(https://aahalton.org/wp-content/uploads/2025/08/toronto_skyline-scaled.webp);
}