@import url("https://use.typekit.net/ekb7dqy.css");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --lightgreen: #92c83e;
    --green: #005d22;
    --white: #ffffff;
    --blue: #004c84;
    --darkblue: #002A48;
    --lightblue: #005D9F;
    --lightgrey: #e7e7e8;
    --grey: #a7a9ac;
    --darkgrey: #4c4d4f;
    --darkestgrey: #0C0D0F;
    --black: #000000;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--lightgrey);
}

h1, h2, h3, h4, h5, h6 {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    color: var(--black);
    margin-top: .5rem;
    margin-bottom: .5rem;
}

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

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

.jumbo {
    letter-spacing: 3px;
}

.Normal {
    font-size: 16px;
    line-height: 1.5;
    font-family: open-sans, sans-serif;
    color: var(--black);
}

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--green);
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: var(--black);
}

a:visited {
    color: var(--green);
}

a:visited:hover {
    text-decoration: none;
    color: var(--black);
}

.white-link {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.white-link:hover {
    text-decoration: none;
    color: var(--white);
    letter-spacing: 1px;
}

.white-link:visited {
    color: var(--white);
}

.white-link:visited:hover {
    text-decoration: none;
    color: var(--white);
    letter-spacing: 1px;
}

.bi {
    font-size: 1.4em;
    padding: 0 10px;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.container-fluid .row {
    margin-right: 0;
    margin-left: 0;
}

/*------------------------------------------------*/
/* OVERLAY */
/*------------------------------------------------*/

body:not(.Page-Home) #homeOverlay {
    display: none;
}

#homeOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.85);
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.home-overlay-module {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-overlay-module img {
    max-height: 80vh;
}

#homeOverlayClose {
    color: #fff;
    cursor: pointer;
}

.home-overlay-open {
    visibility: visible !important;
    opacity: 1 !important;
}

#dnn_homeOverlayContent {
    background-color: var(--green);
    padding: 2rem;
}

#dnn_homeOverlayContent p,
#dnn_homeOverlayContent h1,
#dnn_homeOverlayContent h2,
#dnn_homeOverlayContent h3,
#dnn_homeOverlayContent h4,
#dnn_homeOverlayContent h5,
#dnn_homeOverlayContent h6 {
    color: #fff !important;
}

/*------------------------------------------------*/
/* HEADER */
/*------------------------------------------------*/

#TopBanner {
    background-color: var(--green);
    position: relative;
    z-index: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#TopBanner p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: var(--white);
    font-weight: 700;
}

#TopBanner p a {
    color: var(--white);
}

#TopBanner p a:hover {
    color: var(--lightgreen);
}

#TopBanner p a:visited {
    color: var(--white);
}

#TopBanner p a:visited:hover {
    color: var(--lightgreen);
}

#TopBanner .bi {
    font-size: 18px;
}

#TopBanner .grey-button {
    padding: 0px 10px;
    margin-top: 0;
    margin-bottom: 0;
}

/*------------------------------------------------*/
/* NAVBAR */
/*------------------------------------------------*/

.navbar {
    padding: 0;
    letter-spacing: 1px;
}

.bg-dark {
    background-color: var(--darkestgrey) !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

#dnn_dnnLOGO_imgLogo {
    max-height: 40px;
    margin-left: 20px;
    margin-right: 5px;
}

.navbar-brand #title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-brand #title a,
.navbar-brand #title a:hover {
    color: #fff !important;
}

.navbar .nav-item {
    text-align: center;
}

.navbar .nav-link {
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--white) !important;
    display: inline-block;
    text-decoration: none;
    line-height: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar .nav-link:hover {
    text-decoration: none;
    color: var(--lightgreen) !important;
}

.navbar .nav-link:visited {
    color: var(--white);
}

.navbar .nav-link:visited:hover {
    text-decoration: none;
    color: var(--lightgreen) !important;
}

.navbar .dropdown-menu {
    background-color: var(--lightgrey);
    border: 1px solid var(--lightgreen);
    margin: 0;
    min-width: 10rem;
}

.navbar .dropdown-menu .nav-link {
    color: var(--lightgreen);
    line-height: initial;
}

.navbar .dropdown-menu .nav-link:hover {
    color: var(--green);
}

.navbar .dropdown-menu .nav-link:visited {
    color: var(--lightgreen) !important;
}

.navbar .dropdown-menu .nav-link:visited:hover {
    color: var(--green) !important;
}

.navbar .dropdown-menu .active {
    border-radius: 0px;
}

/*------------------------------------------------*/
/* HERO */
/*------------------------------------------------*/

/* video hero */

.video-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#videoBG {
    object-fit: cover;
    position: absolute;
    height: 600px;
    width: 100%;
    top: 0;
    left: 0;
}

body:not(.PageType_Home) .video-container {
    display: none;
}

.video-overlay {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 600px;
    text-align: center;
    position: relative;
    z-index: 10;
    width: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, .5);
}

.video-overlay p,
.video-overlay h1,
.video-overlay h2,
.video-overlay h3,
.video-overlay h4,
.video-overlay h5,
.video-overlay h6 {
    margin: 0;
    color: #fff !important;
}

.video-overlay h1 {
    font-size: 8rem;
    text-transform: uppercase;
}

.video-overlay h3 {
    font-size: 3.75rem;
    text-transform: uppercase;
}

/* photo hero */

.hero-bg {
    object-fit: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    height: 300px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('/Portals/150/transcend-golf-banner-image.jpg');
}

.Page-Home .hero-bg {
    display: none;
}

.hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.hero-text h1,
.hero-text h2,
.hero-text h3,
.hero-text h4,
.hero-text h5,
.hero-text h6 {
    font-weight: 700;
}

.hero-text h1 {
    text-transform: uppercase;
    font-size: 4rem;
}

.header-logo {
    max-width: 200px;
    width: 100%;
}

/*------------------------------------------------*/
/* MAIN CONTENT */
/*------------------------------------------------*/

.slider {
    width: 100%;
    margin: 0;
    padding: 0;
}

.slider p {
    margin-top: 0;
    margin-bottom: 0;
}

.Page-Home #MainContent {
    padding-top: 0;
    padding-bottom: 30px;
}

.Page-Home #UpperContent {
    padding-top: 1%;
    padding-bottom: 1%;
}

.Page-Home #dnn_ContentPane,
.Page-Home #LeftSplit,
.Page-Home #FullMidContent {
    padding-top: 2%;
    padding-bottom: 2%;
}

.Page-Home #FourColumnNarrowTop {
    padding-bottom: 2%;
}

.Page-Home #TwoColumn {
    padding-top: 2%;
}

.Page-Home #FullMidContent {
    background-color: var(--darkestgrey);
}

.Page-Home #FullMidContent h1,
.Page-Home #FullMidContent h2,
.Page-Home #FullMidContent h3,
.Page-Home #FullMidContent h4,
.Page-Home #FullMidContent h5,
.Page-Home #FullMidContent h6,
.Page-Home #FullMidContent p {
    color: var(--white);
}

.Page-Home .review-author,
.Page-Home .review-text {
    color: #fff;
}

body:not(.Page-Home):not(.Id3240) #videoTourModal {
    display: none;
}

#videoTourButton {
    cursor: pointer;
}

#ReserveNow {
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 1100;
}

#ReserveNow a {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--darkestgrey);
    background: linear-gradient(-45deg, #005d22, #92c83e);
    animation: reserveGradient 5s ease infinite;
    color: var(--white) !important;
    box-shadow: 5px 5px 8px rgba(0,0,0,.25);
}

@keyframes reserveGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

#MainContent li {
    list-style-type: disc;
}

.image-border {
    border-radius: 10px;
}

/* location tabs */

body:not(.Page-Home):not(.Id3240) #locationTab,
body:not(.Page-Home):not(.Id3240) #locationTabContent {
    display: none;
}

.Page-Home #locationTab {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--darkestgrey);
}

#locationTab li {
    list-style-type: none !important;
}

.Page-Home .location-left {
    padding-left: 3% !important;
    padding-right: 3% !important;
    background-color: var(--darkgrey);
}

.location-left h1,
.location-left h2,
.location-left h3,
.location-left h4,
.location-left h5,
.location-left h6,
.location-left p {
    color: var(--white);
}

.Page-Home #dnn_MississaugaRight {
    background-image: url('/Portals/150/039A3432.jpg');
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.Page-Home #dnn_KitchenerRight {
    background-image: url('/Portals/150/039A3482.jpg');
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.Page-Home #dnn_BarrieRight {
    background-image: url('/Portals/150/TranscendGolf-30.jpg');
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.Page-Home #dnn_ParisRight {
    background-image: url('/Portals/150/ParisUneekor.jpeg');
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

/* info cards */

.info-text {
    background-color: var(--darkblue);
    color: #fff;
    padding: 10px;
    min-height: 150px;
}

.info-title {
    background-color: var(--blue);
    color: #fff;
    text-align: center;
    font-weight: 600;
    width: 80%;
    margin: -25px auto 0;
    position: relative;
    z-index: 10;
    padding: 5px 10px;
}

.info-text p {
    font-size: 14px;
}

/* carousel */

.carousel-inner {
    width: 80%;
    margin: 0 auto;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

#promotionCarouselIndicators .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

#promotionCarouselIndicators .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

#reviewsIndicators p {
    font-size: 12px;
}

/* rates and booking */

.Id3240 #locationTab {
    padding-bottom: 20px;
}

.Id3240 #dnn_UpperContentPane {
    padding: 1rem 0 0 !important;
}

.Id3240 #MississaugaBays,
.Id3240 #KitchenerBays,
.Id3240 #BarrieBays,
.Id3240 #ParisBays {
    background-color: var(--darkestgrey);
}

.Id3240 #MississaugaBays h1,
.Id3240 #MississaugaBays h2,
.Id3240 #MississaugaBays h3,
.Id3240 #MississaugaBays h4,
.Id3240 #MississaugaBays h5,
.Id3240 #MississaugaBays h6,
.Id3240 #MississaugaBays p,
.Id3240 #MississaugaBays li,
.Id3240 #KitchenerBays h1,
.Id3240 #KitchenerBays h2,
.Id3240 #KitchenerBays h3,
.Id3240 #KitchenerBays h4,
.Id3240 #KitchenerBays h5,
.Id3240 #KitchenerBays h6,
.Id3240 #KitchenerBays p,
.Id3240 #KitchenerBays li,
.Id3240 #BarrieBays h1,
.Id3240 #BarrieBays h2,
.Id3240 #BarrieBays h3,
.Id3240 #BarrieBays h4,
.Id3240 #BarrieBays h5,
.Id3240 #BarrieBays h6,
.Id3240 #BarrieBays li,
.Id3240 #BarrieBays p,
.Id3240 #ParisBays h1,
.Id3240 #ParisBays h2,
.Id3240 #ParisBays h3,
.Id3240 #ParisBays h4,
.Id3240 #ParisBays h5,
.Id3240 #ParisBays h6,
.Id3240 #ParisBays li,
.Id3240 #ParisBays p {
    color: var(--white);
}

/* uneekor */

.Id3240 #dnn_MississaugaBaysFarLeft {
    background-image: url('/Portals/150/Uneekor-Mississauga.jpg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_KitchenerBaysFarLeft {
    background-image: url('/Portals/150/transcend-golf-bay2.jpg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_BarrieBaysFarLeft {
    background-image: url('/Portals/150/TranscendGolf-12.jpg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_ParisBaysFarLeft {
    background-image: url('/Portals/150/ParisUneekor.jpeg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

/* trackman */

.Id3240 #dnn_MississaugaBaysMidRight {
    background-image: url('/Portals/150/TrackMan-Mississauga.JPG');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_KitchenerBaysMidRight {
    background-image: url('/Portals/150/TrackMan-Kitchener.jpg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_BarrieBaysMidRight {
    background-image: url('/Portals/150/TranscendGolf-30.jpg'); /*replace*/
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_ParisBaysMidRight {
    background-image: url('/Portals/150/ParisTrackman.jpeg');
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 100%;
}

.Id3240 #dnn_MississaugaFull,
.Id3240 #dnn_KitchenerFull,
.Id3240 #dnn_BarrieFull,
.Id3240 #dnn_ParisFull {
    padding: 1% 8% !important;
}

.Id3240 #MississaugaBook,
.Id3240 #KitchenerBook,
.Id3240 #BarrieBook,
.Id3240 #ParisBook {
    background-color: var(--darkestgrey);
}

.Id3240 #MississaugaBook h1,
.Id3240 #MississaugaBook h2,
.Id3240 #MississaugaBook h3,
.Id3240 #MississaugaBook h4,
.Id3240 #MississaugaBook h5,
.Id3240 #MississaugaBook h6,
.Id3240 #MississaugaBook p,
.Id3240 #MississaugaBook li,
.Id3240 #KitchenerBook h1,
.Id3240 #KitchenerBook h2,
.Id3240 #KitchenerBook h3,
.Id3240 #KitchenerBook h4,
.Id3240 #KitchenerBook h5,
.Id3240 #KitchenerBook h6,
.Id3240 #KitchenerBook p,
.Id3240 #KitchenerBook li,
.Id3240 #BarrieBook h1,
.Id3240 #BarrieBook h2,
.Id3240 #BarrieBook h3,
.Id3240 #BarrieBook h4,
.Id3240 #BarrieBook h5,
.Id3240 #BarrieBook h6,
.Id3240 #BarrieBook p,
.Id3240 #BarrieBook li,
.Id3240 #ParisBook h1,
.Id3240 #ParisBook h2,
.Id3240 #ParisBook h3,
.Id3240 #ParisBook h4,
.Id3240 #ParisBook h5,
.Id3240 #ParisBook h6,
.Id3240 #ParisBook p,
.Id3240 #ParisBook li {
    color: var(--white);
}

.Id3240 #MississaugaBook .bi,
.Id3240 #KitchenerBook .bi,
.Id3240 #BarrieBook .bi,
.Id3240 #ParisBook .bi {
    color: var(--lightgreen);
}

.Id3240 #LeftSplit {
    margin: 4% 0 2%;
}

.Id3240 #reviewsIndicators .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.Id3240 #reviewsIndicators .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.suite-title {
    font-weight: 400;
    margin-bottom: 0;
}

.bi.season-icon {
    font-size: 1.75rem;
    color: var(--green);
}

.Id3240 #dnn_MississaugaMap,
.Id3240 #dnn_KitchenerMap,
.Id3240 #dnn_BarrieMap,
.Id3240 #dnn_ParisMap,
.Id3240 #dnn_FullMidContentPane {
    padding-left: 0;
    padding-right: 0;
}

/* support */

.Id3241 #MainContent {
    padding-bottom: 5rem;
}

.Id3241 #dnn_UpperContentPane {
    padding: 2rem 8rem !important;
}

body:not(.Id3241) #HowToPanes {
    display: none;
}

.Id3241 #HowToPanes {
    padding-bottom: 4rem;
}

#HowToPanes .card {
    border-radius: 15px;
}

#HowToPanes .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--darkestgrey);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-radius: 15px;
}

#HowToPanes .card-header.sub-header {
    background-color: transparent;
    border: none;
}

#HowToPanes .card-header a {
    display: block;
    color: var(--white) !important;
    font-weight: 700;
    font-size: 1.25rem;
}

#HowToPanes .card-header.sub-header a {
    font-size: 1rem;
    color: var(--black) !important;
}

#HowToPanes .card-header a:hover {
    color: var(--white) !important;
}

#HowToPanes .card-header.sub-header a:hover {
    color: var(--black) !important;
}

#HowToPanes .card-header .bi {
    vertical-align: sub;
}

.Id3241 #dnn_FullBottomContentPane {
    padding-left: 0;
    padding-right: 0;
}

.Id3241 #TwoColumnNarrow .bi {
    font-size: 1em;
    color: var(--green);
}

/* play & practice */

/*.Id3242 #MainContent {
    padding-bottom: 2%;
}*/

/*.Id3242 #LeftSplit,
.Id3242 #RightSplit,
.Id3242 #LeftSplitTwo,
.Id3242 #RightSplitTwo {
    padding: 2%;
    border-top: 1px solid var(--black);
}*/

.Id3242 #LeftSplit {
    background-color: var(--darkestgrey);
    padding-top: 2rem;
    padding-bottom: 2rem;
    align-items: center;
}

.Id3242 #RightSplit {
    padding-top: 2rem;
}

.Id3242 #LeftSplitTwo {
    padding-bottom: 2rem;
}

.Id3242 #LeftSplit h1,
.Id3242 #LeftSplit h2,
.Id3242 #LeftSplit h3,
.Id3242 #LeftSplit h4,
.Id3242 #LeftSplit h5,
.Id3242 #LeftSplit h6,
.Id3242 #LeftSplit p,
.Id3242 #LeftSplit li {
    color: var(--white);
}

/*.Id3242 #FullMidContent {
    padding-top: 2%;
    border-top: 1px solid var(--black);
}*/

.Id3242 #FullMidContent,
.Id3242 #ThreeColumnNarrow {
    background-color: var(--black);
}

.Id3242 #FullMidContent h1,
.Id3242 #FullMidContent h2,
.Id3242 #FullMidContent h3,
.Id3242 #FullMidContent h4,
.Id3242 #FullMidContent h5,
.Id3242 #FullMidContent h6,
.Id3242 #FullMidContent p,
.Id3242 #FullMidContent li,
.Id3242 #ThreeColumnNarrow h1,
.Id3242 #ThreeColumnNarrow h2,
.Id3242 #ThreeColumnNarrow h3,
.Id3242 #ThreeColumnNarrow h4,
.Id3242 #ThreeColumnNarrow h5,
.Id3242 #ThreeColumnNarrow h6,
.Id3242 #ThreeColumnNarrow p,
.Id3242 #ThreeColumnNarrow li {
    color: var(--white);
}

.Id3242 #FullMidContent {
    padding-top: 2rem;
}

.Id3242 #ThreeColumnNarrow {
    padding-bottom: 2rem;
}

@media screen and (min-width: 996px) {
    .Id3242 #dnn_UpperContentPane {
        padding: 2rem 8rem !important;
    }
}

/* membership */

.Id3243 #dnn_ContentPane {
    padding-left: 0;
    padding-right: 0;
}

.Id3243 #FullMidContent,
.Id3243 #FullColumn {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.Id3243 #TwoColumnNarrow,
.Id3243 #TwoColumnNarrowTwo {
    background: linear-gradient(-45deg, #005d22, #002A48, #0C0D0F, #00250E);
    background-size: 400% 400%;
    animation: gradient 25s ease infinite;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.Id3241 #dnn_FullBottomContentPane {
    padding-left: 0;
    padding-right: 0;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* coaching */

.Id3245 #MainContent {
    border-bottom: 2px solid var(--white);
}

body:not(.Id3245) #Instructors {
    display: none;
}

.Id3245 #InstructorRight {
    margin-left: 5%;
    background-image: url('/Portals/150/steve-brackenbury2.jpg');
    height: 600px;
    background-size: cover;
    background-position: right;
}

.Id3245 #dnn_InstructorRightPane {
    background-color: var(--darkblue);
}

.Id3245 #InstructorLeft {
    margin-right: 5%;
    background-image: url('/Portals/150/sophia-li.jpg');
    height: 600px;
    background-size: cover;
    background-position: right;
}

.Id3245 #dnn_InstructorLeftPane {
    background-color: var(--darkblue);
}

.Id3245 #ThreeColumnInstructor {
    background-color: var(--darkestgrey);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.Id3245 #Instructors h1,
.Id3245 #Instructors h2,
.Id3245 #Instructors h3,
.Id3245 #Instructors h4,
.Id3245 #Instructors h5,
.Id3245 #Instructors h6,
.Id3245 #Instructors p,
.Id3245 #Instructors td,
.Id3245 #Instructors li {
    color: var(--white);
}

.Id3245 #Instructors p,
.Id3245 #Instructors td,
.Id3245 #Instructors li {
    font-size: 14px;
}

.Id3245 #Instructors .dark-bg {
    background-color: var(--darkestgrey);
}

body:not(.Id3245) #instructorLocationTab,
body:not(.Id3245) #instructorLocationTabContent {
    display: none;
}

.Id3245 #instructorLocationTab {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--darkestgrey);
}

#instructorLocationTab li {
    list-style-type: none !important;
}

.Id3245 #instructorMississauga,
.Id3245 #instructorKitchener,
.Id3245 #instructorBarrie,
.Id3245 #instructorParis {
    background-color: var(--darkestgrey);
}

.Id3245 #instructorMississauga h1,
.Id3245 #instructorMississauga h2,
.Id3245 #instructorMississauga h3,
.Id3245 #instructorMississauga h4,
.Id3245 #instructorMississauga h5,
.Id3245 #instructorMississauga h6,
.Id3245 #instructorMississauga p,
.Id3245 #instructorMississauga li,
.Id3245 #instructorKitchener h1,
.Id3245 #instructorKitchener h2,
.Id3245 #instructorKitchener h3,
.Id3245 #instructorKitchener h4,
.Id3245 #instructorKitchener h5,
.Id3245 #instructorKitchener h6,
.Id3245 #instructorKitchener p,
.Id3245 #instructorKitchener li,
.Id3245 #instructorBarrie h1,
.Id3245 #instructorBarrie h2,
.Id3245 #instructorBarrie h3,
.Id3245 #instructorBarrie h4,
.Id3245 #instructorBarrie h5,
.Id3245 #instructorBarrie h6,
.Id3245 #instructorBarrie li,
.Id3245 #instructorBarrie p,
.Id3245 #instructorParis h1,
.Id3245 #instructorParis h2,
.Id3245 #instructorParis h3,
.Id3245 #instructorParis h4,
.Id3245 #instructorParis h5,
.Id3245 #instructorParis h6,
.Id3245 #instructorParis li,
.Id3245 #instructorParis p {
    color: var(--white);
}

@media screen and (min-width: 996px) {
    .Id3245 #dnn_ThreeColumnInstructorLeft,
    .Id3245 #dnn_ThreeColumnInstructorMid {
        border-right: 1px solid var(--green);
    }

    .Id3245 #dnn_UpperContentPane {
        padding: 2rem 8rem !important;
    }
}

/* gift cards */

.Id3246 #MainContent {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.Id3246 .hero-bg {
    display: none;
}

/* leagues */

.Id3308 #dnn_ContentPane {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: var(--green);
}

.Id3308 #dnn_ContentPane h1,
.Id3308 #dnn_ContentPane h2,
.Id3308 #dnn_ContentPane h3,
.Id3308 #dnn_ContentPane h4,
.Id3308 #dnn_ContentPane h5,
.Id3308 #dnn_ContentPane h6,
.Id3308 #dnn_ContentPane p,
.Id3308 #dnn_ContentPane td,
.Id3308 #dnn_ContentPane li {
    color: var(--white);
}

.Id3308 #FullColumnOne {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f5f5f5;
}

.Id3308 #TwoColumnUpper li {
    list-style-type: none !important;
    margin-left: -10px;
    padding-left: 1em;
    text-indent: -1.7em;
}

.Id3308 #TwoColumnUpper li:before {
    content: "\F26E";
    font-family: bootstrap-icons !important;
    line-height: 1;
    vertical-align: -.125em;
    font-size: 1.25em;
    margin-right: 5px;
    color: var(--lightgreen);
}

.Id3308 #UpperContent {
    background-color: var(--white);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.Id3308 #TwoColumnUpper {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.Id3308 #FullMidContent {
    background-color: var(--darkestgrey);
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.Id3308 #dnn_FullBottomContentPane {
    padding-left: 0;
    padding-right: 0;
}

/* etc */

.border-15 {
    border-radius: 15px;
}

.transparent {
    /*border: 1px solid var(--lightgrey);*/
    border-radius: 15px;
    background-color: rgba(0, 0, 0, .2);
    padding: 15px;
    /*margin-top: 3%;
    margin-bottom: 3%;*/
    margin-top: 1%;
    margin-bottom: 1%;
}

.transparent h1,
.transparent h2,
.transparent h3,
.transparent h4,
.transparent h5,
.transparent h6,
.transparent p,
.transparent td,
.transparent li {
    color: var(--white);
}

.transparent li {
    list-style-type: none !important;
    margin-left: -10px;
    padding-left: 1em;
    text-indent: -1.7em;
}

.transparent li:before {
    content: "\F26E";
    font-family: bootstrap-icons !important;
    line-height: 1;
    vertical-align: -.125em;
    font-size: 1.25em;
    margin-right: 5px;
    color: var(--lightgreen);
}

.transparent p,
.transparent li {
    font-size: 14px;
}

.divborder {
    border: 1px solid #fff;
    border-radius: 20px;
}

.green {
    border-radius: 10px;
    overflow: hidden;
}

.lightgreen {
    background-color: var(--lightgreen);
    height: 4px;
}

.darkgreen {
    background-color: var(--green);
    padding: 15px;
}

.green li {
    list-style-type: none !important;
    margin-left: -10px;
}

.green li:before {
    content: "\F26E";
    font-family: bootstrap-icons !important;
    line-height: 1;
    vertical-align: -.125em;
    font-size: 1.25em;
    margin-right: 5px;
    color: var(--lightgreen);
}

.blue {
    border-radius: 10px;
    overflow: hidden;
}

.lightblue {
    background-color: var(--lightblue);
    height: 4px;
}

.darkblue {
    background-color: var(--darkblue);
    padding: 15px;
}

.darkgrey {
    background-color: var(--darkgrey);
    padding: 15px;
}

.black {
    background-color: var(--black);
    border: 1px solid var(--white);
    padding: 15px;
    display: grid;
}

.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h6,
.green p,
.green li,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue p,
.blue li,
.darkgrey h1,
.darkgrey h2,
.darkgrey h3,
.darkgrey h4,
.darkgrey h5,
.darkgrey h6,
.darkgrey p,
.darkgrey li,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black p,
.black li {
    color: var(--white);
}

.green p,
.green li,
.blue p {
    font-size: 14px;
}

.percent-off {
    background-color: var(--lightblue);
    padding: 1% 5%;
    color: var(--white);
    border-radius: 20px;
}

.circle {
    border-radius: 50%;
}

.green-button {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--green);
    background-color: var(--green);
    color: var(--white) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.green-button:hover {
    background-color: transparent;
    color: var(--green) !important;
    text-decoration: none;
}

.green-button .bi {
    font-size: 1rem;
    padding: 0;
}

.green-button-outline {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--green);
    background-color: transparent;
    color: #107536 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.green-button-outline:hover {
    background-color: var(--green);
    color: var(--white) !important;
    text-decoration: none;
}

.green-button-outline.active {
    background-color: var(--green);
    color: var(--white) !important;
    text-decoration: none;
}

.green-button-outline .bi {
    font-size: 1rem;
    padding: 0;
}

.grey-button {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--darkestgrey);
    background-color: var(--darkestgrey);
    color: var(--white) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.grey-button:hover {
    background-color: transparent;
    color: var(--black) !important;
    text-decoration: none;
}

.grey-button .bi {
    font-size: 1rem;
    padding: 0;
}

.white-button {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--white);
    background-color: transparent;
    color: var(--white) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.white-button:hover {
    background-color: var(--white);
    color: var(--black) !important;
    text-decoration: none;
}

.lightgreen-button {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 2px solid var(--lightgreen);
    background-color: var(--lightgreen);
    color: var(--white) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.lightgreen-button:hover {
    background-color: transparent;
    color: var(--white) !important;
    text-decoration: none;
}

/* home page buttons */

.zoom-button {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.zoom-button img {
    width: 100%;
    transition: transform .5s ease;
}

.zoom-button:hover img {
    transform: scale(1.3);
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.text-overlay h2 {
    text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    color: var(--white);
}

.text-overlay a {
    color: var(--white) !important;
    text-decoration: none;
}

/* form overrides */

.sub-widget .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.sub-widget .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .15);
}

/*------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------*/

footer {
    background-color: var(--darkestgrey);
    padding-top: 2%;
    padding-bottom: 2%;
}

footer p,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: var(--white) !important;
}

footer a {
    color: var(--lightgreen);
}

footer a:hover {
    color: var(--white);
    text-decoration: none;
}

footer a:visited {
    color: var(--lightgreen);
}

footer a:visited:hover {
    color: var(--white);
    text-decoration: none;
}

footer .bi {
    font-size: 1.75em;
}

#dnn_FooterRight {
    text-align: right;
}

#FooterRowBottom p {
    font-size: 14px;
}
/*------------------------------------------------*/
/* MEDIA QUERIES */
/*------------------------------------------------*/
@media screen and (min-width: 996px) {
    .dropdown-menu {
        border-radius: 0;
    }

    .Id3240 .review-item-long {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .jumbo {
        font-size: 1.5em;
    }

    .Id3308 #TwoColumnUpper {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media screen and (max-width: 993px) {
    .home-overlay-module {
        width: 95%;
    }

    .navbar-toggler {
        margin: 10px;
    }

    .nav-item {
        margin: 0;
        text-align: center;
    }

    .header-logo {
        max-width: 150px;
    }

    #videoBG {
        height: 450px;
    }

    .video-overlay {
        height: 450px;
    }

    .video-overlay h1 {
        font-size: 3.5rem;
        text-transform: uppercase;
    }

    .video-overlay h3 {
        font-size: 1.75rem;
        text-transform: uppercase;
    }

    .hero-text h1 {
        font-size: 2.5rem;
    }

    .info-card {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #ReserveNow {
        right: 10px;
        font-size: 12px;
    }

    .Id3245 #InstructorRight {
        margin-left: 0;
        height: 800px;
        background-size: 170%;
        background-position: top;
    }

    .Id3245 #InstructorLeft {
        margin-right: 0;
        height: 800px;
        background-position: 60% 50%;
    }

    #dnn_FooterRight {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {

}