@media only screen and (min-width: 0px) and (max-width: 330px) {.hmy-content { padding: 1em 0;}}
@media only screen and (min-width: 331px) and (max-width: 467px) {.hmy-content { padding: 1em .5em;}}

/* bkgd ss + txt anim */
.bam-bg {width:100% !important; height:100vh;}
.ss-txt-01, .ss-txt-02 {color:#fff !important; text-shadow: 2px 2px 3px #222;}
@media (max-width: 320px) {.ss-txt-01 {font-size:45px;} .ss-txt-02 {font-size:30px;}}
@media (min-width: 321px) and (max-width: 480px) {.ss-txt-01 {font-size:50px;} .ss-txt-02 {font-size:35px;}}
@media (min-width: 481px) and (max-width: 600px) {.ss-txt-01 {font-size:60px;} .ss-txt-02 {font-size:45px;}}
@media (min-width: 601px) and (max-width: 768px) {.ss-txt-01 {font-size:65px;} .ss-txt-02 {font-size:50px;}}
@media (min-width: 769px) and (max-width: 1030px) {.ss-txt-01 {font-size:70px;} .ss-txt-02 {font-size:60px;}}
@media (min-width: 1031px) and (max-width: 1439px) {.ss-txt-01 {font-size:75px;} .ss-txt-02 {font-size:65px;}}
@media (min-width: 1440px) and (max-width:1599px) {.ss-txt-01 {font-size:80px;} .ss-txt-02 {font-size:65px;}}
@media (min-width: 1600px) {.ss-txt-01 {font-size:90px;} .ss-txt-02 {font-size:75px;}}
/* scroll arr + ctc btn */

/* offline temp
.scroll-down.scroll-arr { position: absolute; left: 50%; display: block; text-align: center;  z-index: 100; text-decoration: none; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg);}
.scroll-down#scroll-frm-ss {font-size: 170px; bottom: 125px; width: 85px; height: 85px; border-bottom: 4px solid #fff; border-right: 4px solid #fff;}
.scroll-down#scroll-frm-ss:hover {border-bottom: 5px solid #ffde91; border-right: 5px solid #ffde91;}
*/
.scroll-down#scroll-to-ctc {position: relative; left: -50%; min-width: 0; border-radius: 10px;}

.scroll-down#scroll-to-ctc:hover {text-decoration:none !important;}
#scroll-down-ctc {display: flex; flex-direction: column; position: absolute; left: 50%; bottom: 40px; text-align:center; font-size: 110%; z-index: 8888;}

@media only screen and (max-width: 768px) and (orientation: landscape) {.scroll-down, #scroll-down-ctc {display:none;}} 

.btn-ghst {display: inline-block; width: 100%; padding: 8px; color: #fff; font-weight: bold; border: 2px solid #fff; background-color: rgba(0,0,0,.15); 
  text-align: center; outline: none; text-decoration: none; transition: background-color 0.2s ease-out, color 0.2s ease-out;}
.btn-ghst:hover,.btn-ghst:active {background-color: rgba(0,0,0,.5); transition: background-color 0.3s ease-in, color 0.3s ease-in;}
/* temp ylw btn */
.btn-ghst-ylw {display: inline-block; width: 100%; padding: 10px 15px;; color: #000; font-weight: bold; border: 2px solid #fff; background-color: rgba(255,206,51,1); 
  text-align: center; outline: none; text-decoration: none; transition: background-color 0.2s ease-out, color 0.2s ease-out;}
.btn-ghst-ylw:hover,.btn-ghst-ywl:active {background-color: rgba(255,206,51,.7); transition: background-color 0.3s ease-in, color 0.3s ease-in;}

#p7PBXp_999 a.btnsub {display: inline-block; margin: 0 auto; padding: 10px 15px; border-radius: 20px; border:none; text-decoration: none; background-color: #27447e; color: #fff;}
#p7PBXp_999 a.btnsub:hover {background-color: #41739d;}

/* cals */
.cal-events-bkgd {background-color: #fff; background: linear-gradient(rgba(255,255,255,0.80),rgba(255,255,255,0.80)); padding:1em;}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
.bkgd-img-cal {background-image: url(/_img/hme/bkgd-img-cal-1080x640.jpg); /*for old browsers*/
background-color: #1d5c98; background: linear-gradient(rgba(29,92,152,1.00),rgba(0,114,188,0)), url(/_img/hme/bkgd-img-cal-1600x873.jpg);
background-repeat: no-repeat; background-position: 50%; background-size: cover;}
}
@media only screen and (min-width: 1024px) and (max-width:1599px) {
.bkgd-img-cal {background-image: url(/_img/hme/bkgd-img-cal-1200x720.jpg); /*for old browsers*/
background-color: #1d5c98; background: linear-gradient(rgba(29,92,152,1.00),rgba(0,114,188,0)), url(/_img/hme/bkgd-img-cal-1600x873.jpg);
background-repeat: no-repeat; background-position: 50%; background-size: cover;}
}
@media only screen and (min-width: 1600px) {
.bkgd-img-cal {background-image: url(/_img/hme/bkgd-img-cal-1600x873.jpg); /*for old browsers*/
background-color: #1d5c98; background: linear-gradient(rgba(29,92,152,1.00),rgba(0,114,188,0)), url(/_img/hme/bkgd-img-cal-1600x873.jpg);
background-repeat: no-repeat; background-position: 50%; background-size: cover;}
}
#cal-list {padding-top: 40px;}
@media only screen and (max-width: 768px) {
.hmy-content#cal-list {padding:0;}
.hmy-content#cal {padding:25px 0;}
#p7HMY_3 .hmy-vertical-center.hmy-content-wrapper {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
}
.dl-cal-events dt {font-weight: bold; margin-bottom: .3125em; line-height:1.4375;}
.dl-cal-events dd {font-size: 1.0625em; font-weight:bold; margin-bottom:1em;}

/* animate.css Version - 4.1.1
* Copyright (c) 2022 Animate.css
*/
:root {--animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1;}
.animate__animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animate__animated.animate__delay-1s {-webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay);}
.animate__animated.animate__delay-2s {-webkit-animation-delay: calc(1s * 2);
 animation-delay: calc(1s * 2);
 -webkit-animation-delay: calc(var(--animate-delay) * 2);
 animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {-webkit-animation-delay: calc(1s * 3);
 animation-delay: calc(1s * 3);
 -webkit-animation-delay: calc(var(--animate-delay) * 3);
 animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {-webkit-animation-delay: calc(1s * 4);
 animation-delay: calc(1s * 4);
 -webkit-animation-delay: calc(var(--animate-delay) * 4);
 animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {-webkit-animation-delay: calc(1s * 5);
 animation-delay: calc(1s * 5);
 -webkit-animation-delay: calc(var(--animate-delay) * 5);
 animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__slow {-webkit-animation-duration: calc(1s * 2);
 animation-duration: calc(1s * 2);
 -webkit-animation-duration: calc(var(--animate-duration) * 2);
 animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {-webkit-animation-duration: calc(1s * 3);
 animation-duration: calc(1s * 3);
 -webkit-animation-duration: calc(var(--animate-duration) * 3);
 animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {-webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}
.animate__animated[class*='Out'] {opacity: 0;}
}

/* begin ANIMATE 4.1.1 */
/* Fading entrances  */
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.animate__fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {from {
 opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {from {
 opacity: 0; -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}

/* Zooming entrances */
@-webkit-keyframes zoomIn {from {
 opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50% {opacity: 1;}}
@keyframes zoomIn {from {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);} 50% {opacity: 1;}}
.animate__zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomInDown {from {opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
 60% {opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInDown {from {opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
 60% {opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.animate__zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
/* end animated */


@media only print {
#scroll-frm-ss, #scroll-down-ctc {display:none;}
.ss-txt-01 {margin-top:.625in;}
#p7HMY_3 .hmy-vertical-center.hmy-content-wrapper, #p7HMY_4 .hmy-vertical-center.hmy-content-wrapper {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.tlk-calendar {background-color: #E3E9FF; position: relative; width: 100%; height:auto;}
.tlk-calendar iframe {max-height: 5.5in;}
.cal-events-bkgd {background: none;}
#p7HMY_4a .hmy-section {width:100%;}
}