/* cmsms stylesheet: PGCF22 modified: Thursday, July 17, 2025 4:28:13 PM */
html, body { scroll-behavior: smooth; font-family: 'Nunito Sans'; }
a,.fa { transition: all .3s ease-out; }
.content a:not(.btn) {
    color: #47c4dd;
    font-weight: 600;
}
button.bg-light.active {
  background-color: #dae0e5 !important;
}
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
/* colors */
h1 { color: #237786; }
.uk-yellow { color: #ffd500; text-shadow: 1px 1px 1px #999; }
.uk-blue { color: #005bbb; text-shadow: 1px 1px 1px #999; }
.btn-uk-yellow { background-color: #ffd500; color: #fff; }
.btn-uk-blue { background-color: #005bbb; color: #fff; }
.btn-uk-yellow:hover { background-color: #e9c301; color: #fff; }
.btn-uk-blue:hover { background-color: #016cdd; color: #fff; }
a:hover { text-decoration: none; }
.bg-primary { background-color: #007bff!important; }
.text-primary { color: #007bff!important; }
.border-primary { border-color: #007bff!important; }
.btn-primary { background-color: #007bff; border-color: #007bff; }
.btn-outline-primary { color: #007bff; border-color: #007bff; }
.bg-secondary { background-color: #237786 !important; }
.text-secondary { color: #237786 !important; }
.border-secondary { border-color: #237786 !important; }
.btn-secondary { background-color: #237786; border-color: #237786; }
.btn-outline-secondary { color: #237786; border-color: #237786; }
.bg-success { background-color: #28a745!important; }
.text-success { color: #28a745!important; }
.border-success { border-color: #28a745!important; }
.btn-success { background-color: #28a745; border-color: #28a745; }
.btn-outline-success { color: #28a745; border-color: #28a745; }
.bg-danger { background-color: #bd4388!important; }
.text-danger { color: #bd4388!important; }
.border-danger { border-color: #bd4388!important; }
.btn-danger { background-color: #bd4388; border-color: #bd4388; }
.btn-outline-danger { color: #bd4388; border-color: #bd4388; }
.btn-danger:hover { background-color: #a23975; border-color: #a23975; }
.btn-outline-danger:hover { color: #fff; background-color: #a23975; border-color: #a23975; }
.bg-warning { background-color: #ffc107!important; }
.text-warning { color: #ffc107!important; }
.border-warning { border-color: #ffc107!important; }
.btn-warning { background-color: #ffc107; border-color: #ffc107; }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; }
.bg-info { background-color: #5bc0de!important; }
.text-info { color: #5bc0de!important; }
.link-info a { color: #5bc0de; }
.link-info a:hover { color: #ffffff; }
.icon-info .fa { color: #5bc0de; }
.icon-info a:hover .fa { color: #ffffff!important; }
.border-info { border-color: #5bc0de!important; }
.btn-info { background-color: #5bc0de; border-color: #5bc0de; }
.btn-info-info { color: #5bc0de; border-color: #5bc0de; }
.btn-outline-info { color: #5bc0de; border-color: #5bc0de; }
.border-top-info { border-top-color: #5bc0de; }
.bg-light { background-color: #f8f9fa!important; }
.text-light { color: #f8f9fa!important; }
.link-light a { color: #f8f9fa; }
.link-light a:hover { color: #dddddd; }
.border-light { border-color: #f8f9fa!important; }
.btn-light { background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
.bg-dark { background-color: #343a40!important; }
.text-dark { color: #343a40!important; }
.icon-dark .fa { color: #343a40; }
.border-dark { border-color: #343a40!important; }
.btn-dark { background-color: #343a40; border-color: #343a40; }
.btn-outline-dark { color: #343a40; border-color: #343a40; }
.bg-white { background-color: #ffffff!important; }
.text-white { color: #ffffff!important; }
.border-white { border-color: #ffffff!important; }
.text-muted { color: #6c757d!important; }
a.text-muted:hover { color: #98a1a8!important; }
.bg-burgundy { background-color: #592941; }
/* borders */
.border-top-5 { border-top-width: 5px; }
/* nav styles */
.navbar-nav > .nav-item { 
    color: #333;
    font-weight: 600;
}
.navbar.fixed-top { border-bottom: 1px solid #dee2e6; }
/*.nav > li > a {
  text-transform: uppercase;
  font-weight: 600;
}*/
/* carousel */
.carousel-indicators { bottom: -2.5em; }
.carousel-indicators li { background-color: #666; transition: all .2s ease-in; }
.carousel-indicators li:hover { background-color: #bd4388; }
/* card styles */
.card-team { background: #ededed url('https://pgcf.ca/uploads/assets/images/white-flame-xl@0.5x.png') 100px 50px no-repeat; background-size: cover; }
.card .overlay .arrow, .card .overlay .arrow-right { transition: all .1s ease-out; }
.card .overlay { transition: all .4s ease-out; }
.card:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.15);
    box-shadow: inset 0 -5px 20px rgba(0,0,0,.4);
}
/*.card:hover .overlay .arrow {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -12px;
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}*/
/*
.card:hover .overlay .arrow-right {
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
}*/
.card-magic img { transform: scale(1); transition: transform .1s ease-out; }
.card-magic:hover img {
    transform: scale(1.1);
}
/* back-to-top */
.back-to-top {
    position: fixed;
    bottom: .5em;
    right: .5em;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 999;
    opacity: 0;
    transition:opacity 1s ease-in;
    outline: none;
}
.back-to-top.visible {
    opacity: .8;
    outline: none;
}
.navbar-nav .nav-item .nav-link { text-transform: uppercase; }
.fa-ul li.active { font-weight: 600; }
.dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
/* post-navigation */
.post-navigation {
    border-top: 1px solid #eee;
    display: inline-block;
    list-style: outside none none;
    min-height: 84px;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}
.post-navigation a {
    color: #484848;
}
.post-navigation .post-next,
.post-navigation .post-prev {
    position: absolute;
    font-size: 16px;
    max-width: 40%;
    height: 44px;
}
.post-navigation .post-next span,
.post-navigation .post-prev span {
    display: block;
    color: #484848;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: -6px;
    margin-top: 3px;
}
.post-navigation a:hover {
    transition: all 0.3s ease;
    color: #cb5c38;
    text-decoration: none;
}
.post-navigation .post-next {
    right: 0px;
    text-align: right;
}
.post-navigation .post-next:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all 0.3s ease;
    right: 10px;
    padding-top: 2px;
}
.post-navigation .post-next:hover:before {
    transform: translate3d(5px, -50%, 0);
}
.post-navigation .post-prev {
    left: 0px;
}
.post-navigation .post-prev:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all 0.3s ease;
    padding-top: 2px;
    left: 10px;
}
.post-navigation .post-prev:hover:before {
    transform: translate3d(-5px, -50%, 0);
}
.post-navigation .post-prev-title,
.post-navigation .post-next-title {
    line-height: 1.2em;
}
.post-navigation .post-prev-title {
    padding-left: 40px;
}
.post-navigation .post-next-title {
    padding-right: 40px;
}
.post-navigation .post-all {
    font-size: 24px;
    left: auto;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 32px;
    width: 12px;
    opacity: 0.7;
}
.single-post .post-navigation .post-prev {
    left: 0px;
}
.single-post .post-navigation .post-next {
    right: 0px;
}
.form-horizontal .website { display: none; }
/* slick overrides */
.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.slick-dots li button::before {
    font-size: 24px;
    color: #999;
}
.slick-prev::before,
.slick-next::before {
    color: #666;
}
.slick-prev::before {
    font-family: 'FontAwesome';
    content: '\f104';
}
.slick-next::before {
    font-family: 'FontAwesome';
    content: '\f105';
}

/* 16 > Shape Dividers */
/* shape-divider */
.shape-divider {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 0;
    bottom: 0;
    top: auto;
    left: 0; 
}
.shape-divider svg {
    width: 100%;
    height: auto;
    display: block; 
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.shape-divider[data-position="bottom"] {
    bottom: 0;
    top: auto;
    margin-bottom: -1px;
}
.shape-divider[data-position="top"] {
    bottom: auto;
    top: 0; 
    margin-top: -1px;
}
.shape-divider[data-flip-horizontal="true"] {
    transform: rotateY(180deg); 
}
.shape-divider[data-flip-vertical="true"] {
    transform: rotateX(180deg); 
}
.shape-divider[data-flip-horizontal="true"][data-flip-vertical="true"] {
    transform: rotateY(180deg) rotateX(180deg); 
}

.shape-divider[data-flip-vertical="true"] {
    transform: rotateX(180deg);
}
.shape-divider[data-position="top"] {
    bottom: auto;
    top: 0;
}
.btn-donate { 
    position: absolute;
    top: 51px;
    right: 15px;
    display: none; 
}
@media only screen and (min-width: 596px) {
    html, body { 
        Arial,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    }
}

@media (min-width: 768px) {
	.navbar-wrapper.fixed .btn-donate {
        display: block;
    }
}
@media only screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}
