/* ATHLETIC GOLF */

/*|| THEME*/

:root {
    --color-midnight:#002838;
    --color-midnight-dark:#00151D;
    --color-moss:#7E8D3C;
    --color-juniper:#9AA03B;
    --color-bronze:#A16F36;
    --color-frost:#EAEBEC;
    --color-seven:#ae3fab;
    --color-gradient-primary: linear-gradient(0deg, rgba(0,40,56,1) 0%, rgba(0,40,56,0) 100%);
    --color-gradient-secondary: linear-gradient(90deg, rgba(0,40,56,1) 0%, rgba(0,40,56,0) 100%);
    --color-gradient-tertiary: linear-gradient(180deg, rgba(0,21,29,0) 0%, rgba(0,21,29,1) 100%);
    --boxshadow-sm: 0 0 10px rgb(0, 21, 29 / 10%);
    --boxshadow-md: 0 0 20px rgb(0, 21, 29 / 10%);
    --boxshadow-lg: 0 0 40px rgb(0, 21, 29 / 10%);
    --boxshadow-btn-focus: 0 0 0 3px rgb(157 173 45 / 50%);
    --font-family: futura-pt, sans-serif;
    --font-title: futura-pt, sans-serif;
    --font-subtitle: futura-pt, sans-serif;
    --font-body: futura-pt, sans-serif;
    --body-font-size-xxs: 14px;
    --body-font-size-xs: 20px;
    --body-font-size-sm: 24px;
    --body-font-size-md: 36px;
    --body-font-size-lg: 44px;
    --body-font-size-xl: 64px;   
    --body-font-weight-normal: 400;
    --body-font-weight-semibold: 600;
    --body-font-weight-bold: 700;
    --body-line-height-xs: .75;
    --body-line-height-sm: 1.0;
    --body-line-height-md: 1.25;    
    --body-line-height-lg: 1.5;
    --body-line-height-xl: 2.0;
    --letterspacing-sm: 0px;
    --letterspacing-md: 2px;
    --letterspacing-lg: 5px;       
    --body-text-align: left;
    --underline-color: var(--color-two);
    --border-weight-sm: 2px;
    --border-weight-md: 3px;
    --border-weight-lg: 6px;
    --border-radius-sm: 10px;
    --border-radius-md: 20px;
    --border-radius-lg: 40px;
    --padding-xxs: 2px;
    --padding-xs: 4px;
    --padding-sm: 20px;
    --padding-md: 40px;
    --padding-lg: 5vw;
    --padding-xl: 10vw;
    --width-10: 10%;
    --width-20:20%;
    --width-25: 25%;
    --width-50: 50%;
    --width-90: 90%;
    --width-100: 100%;
    --height-20vh: 20vh;
    --height-30vh: 30vh;
    --height-40vh: 40vh;
    --height-50vh: 50vh;
    --height-60vh: 60vh;
    --height-80vh: 80vh;
    --height-100vh: 100vh;
    --height-10vw: 10vw;
    --height-20vw: 20vw;
    --height-40vw: 40vw;
    --height-50vw: 50vw;
 }

html {
  font-size: 18px;
}

body, .dnngo-main, #dnn_content {
  background-color: var(--color-midnight-dark);
  font-family: var(--font-body);
  font-size: var(--body-font-size-sm);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--color-frost);
  text-align: var(--body-text-align);
  margin: 0px;
  padding-top: 0px;
}

div.container, div.dnn_layout {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 5vw;
    margin-left: 5vw;
}

 h1 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-lg);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-sm);
 }

 h2 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-semibold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-xs);
 }

 h3 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-semibold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-xs);
 }

 h4 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-xs);
 }

 h5 {
  font-family: var(--font-subheader);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-xs);
 }

 h6 {
  font-family: var(--font-subheader);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-juniper);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-xs);
 }

p, li {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-xs);
  color: var(--color-frost);
  text-shadow: var(--boxshadow-sm);
  text-transform: none;
  font-style: normal;
  margin-top: 0;
  margin-bottom: var(--padding-sm);
 }

 
 ul {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-xs);
  color: var(--color-frost);
  font-style: normal;
  list-style: none;
 }

 a, a:link, a:active, a:visited {
  color: var(--color-juniper);
  text-decoration: none;
 }

 a:hover {
  text-decoration: underline;
  }

  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*|| BUTTONS*/

a.btn {
  display: inline-block;
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-bold);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--border-weight-sm) solid transparent;
  padding: .75rem 1.0rem;
  font-size: 16px;
  line-height: var(--body-line-height-md);
  border-radius: var(--border-radius-sm);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

a.btn:focus, a.btn:hover {
  text-decoration: none;
}

a.btn-primary {
  color: var(--color-frost);
  background-color: var(--color-juniper);
  border-color: var(--color-juniper);
}

a.btn-primary:hover {
  color: var(--color-frost);
  background-color: var(--color-bronze);
  border-color: var(--color-bronze);
}

a.btn-primary:not(:disabled):not(.disabled).active, a.btn-primary:not(:disabled):not(.disabled):active, a.show >.btn-primary.dropdown-toggle {
  color: var(--color-frost);
  background-color: var(--color-bronze);
  border-color: var(--color-bronze);
}

a.btn-primary.focus, a.btn-primary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

a.btn-secondary {
  color: var(--color-frost);
  background-color: transparent;
  border-color: var(--color-frost);
}

a.btn-secondary:hover {
  color: var(--color-frost);
  background-color: var(--color-bronze);
  border-color: var(--color-bronze);
}

a.btn-secondary:not(:disabled):not(.disabled).active, a.btn-secondary:not(:disabled):not(.disabled):active, a.show >.btn-secondary.dropdown-toggle {
  color: var(--color-frost);
  background-color: var(--color-bronze);
  border-color: var(--color-bronze);
}

a.btn-secondary.focus, a.btn-secondary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

a.btn-info {
  color: var(--color-frost);
  background-color: var(--color-bronze);
  border-color: var(--color-bronze);
  text-align: left;
}

a.btn-info:hover {
  color: var(--color-midnight-dark);
  background-color: var(--color-frost);
  border-color: var(--color-frost);
}

a.btn-info:not(:disabled):not(.disabled).active, a.btn-info:not(:disabled):not(.disabled):active, a.show > .btn-info.dropdown-toggle {
  color: var(--color-midnight-dark);
  background-color: var(--color-frost);
  border-color: var(--color-frost);
}

a.btn-info.focus, a.btn-info:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

a.btn-link {
    background-color: transparent;
    font-weight: var(--body-font-weight-bold);
    color: var(--color-frost);
}

a.btn-link:hover {
  color: var(--color-frost);
  text-decoration: none;
  background-color: var(--color-bronze);
  border-color: transparent;
}

a.btn-link.focus, a.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.button_cta {
  padding-top: var(--padding-sm);
}

a.btn.btn-primary {
    color: var(--color-frost)!important;
}

.menu.bottom {
  position: fixed;
  bottom: 0;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

.menu.bottom > .content > .btn {
  border-radius: 0px;
  padding: 10px 0;
  font-size: 12px;
}

.menu.bottom > .content > .btn > i, .menu.bottom > .content > .btn > img {
    font-size: var(--body-font-size-sm);
    padding-bottom: var(--padding-xs);
    display: block;
}

.roll_activated.header_bg > div > .container.full {
    padding-top: 10px;
    padding-bottom: 10px;
}

#dnngo_megamenu .dnngo_slide_menu li {
margin-bottom: 0px;
}

.instalinks > .cell2.content > div {
  margin-top: var(--padding-sm);
  margin-bottom: var(--padding-sm);
}

.backtop01 {
    display: none;
    border: 2px solid var(--color-frost);
}

.backtop01:hover {
    background-color: var(--color-bronze);
    border-color: var(--color-bronze);
}

.backtop01 span:before, .backtop01 span:after {
    border-top-color: var(--color-frost);
    border-left-color: var(--color-frost);
}

.backtop01 span:after {
    border-left: 2px solid var(--color-frost);
}

.backtop01 span:before {
    border-top: 2px solid var(--color-frost);
    border-left: 2px solid var(--color-frost);
}


/*|| GRIDS*/

.onexone, .hero, .card.lessons, .about.background, .concept.hero {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 0px;
  grid-template-areas: "cell1";
  }
  
  .hero > .full, .card.lessons > .full, .about.background > .full, .concept.hero > .full { grid-area: 1 / 1 / 2 / 2; }
  .hero > .cell1, .card.lessons > .cell1, .about.background > .cell1, .concept.hero > .cell1 { grid-area: cell1; }


.onextwo, .home.hero, .about.hero, .concept, .contact.hero, .thefinish.info, .card.addressposition, .card.theload, .card.forwardswing, .card.impact, .info, .lessons.private, .lessons.group, .lessons.team, .ag.footer  {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-sm);
  grid-template-areas: "cell1"
                       "cell2";
  }
    
  .about.hero > .full, .concept > .full, .contact.hero > .full, .thefinish.info > .full, .card.addressposition > .full, .card.theload > .full, .card.forwardswing > .full, .card.impact > .full, .info > .full, .lessons.private > .full, .lessons.group > .full, .lessons.team > .full, .ag.footer > .full  { grid-area: 1 / 1 / 3 / 2; }
  .home.hero > .full, .concept > .cell1, .about.hero > .cell1, .contact.hero > .cell1, .thefinish.info > .cell1, .card.addressposition > .cell1, .card.theload > .cell1, .card.forwardswing > .cell1, .card.impact > .cell1, .info > .cell1, .lessons.private > .cell1, .lessons.group > .cell1, .lessons.team > .cell1, .ag.footer > .about { grid-area: cell1; }
  .home.hero > .cell1, .concept > .cell2, .about.hero > .cell2, .contact.hero > .cell2, .thefinish.info > .cell2, .card.addressposition > .cell2, .card.theload > .cell2, .card.forwardswing > .cell2, .card.impact > .cell2, .info > .cell2, .lessons.private > .cell2, .lessons.group > .cell2, .lessons.team > .cell2, .ag.footer > .sitemap { grid-area: cell2; }


.onexthree, .about.thefounder {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: var(--padding-sm);
    grid-template-areas: "cell1"
                         "cell2"
                         "cell3";
  }
      
  .about.thefounder > .full { grid-area: 1 / 1 / 4 / 2; }
  .about.thefounder > .cell1 { grid-area: cell1; }
  .about.thefounder > .cell2 { grid-area: cell2; }
  .about.thefounder > .cell3 { grid-area: cell3; } 

  

.onexfive, .home.lessons {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-sm);
  grid-template-areas: "cell1"
                       "cell2"
                       "cell3"
                       "cell4"
                       "cell5";
    }
        
    .home.lessons > .full { grid-area: 1 / 1 / 6 / 2; }
    .home.lessons > .cell1 { grid-area: cell1; }
    .home.lessons > .cell2 { grid-area: cell2; }
    .home.lessons > .cell3 { grid-area: cell3; }
    .home.lessons > .cell4 { grid-area: cell4; }
    .home.lessons > .cell5 { grid-area: cell5; }


.onexsix, .keyprinciples.overview {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-lg);
  grid-template-areas: "cell1"
                       "cell2"
                       "cell3"
                       "cell4"
                       "cell5"
                       "cell6";
  }
            
  .keyprinciples.overview > .full { grid-area: 1 / 1 / 7 / 2; }
  .keyprinciples.overview > .cell1 { grid-area: cell1; }
  .keyprinciples.overview > .cell2 { grid-area: cell2; }
  .keyprinciples.overview > .cell3 { grid-area: cell3; }
  .keyprinciples.overview > .cell4 { grid-area: cell4; }
  .keyprinciples.overview > .cell5 { grid-area: cell5; }
  .keyprinciples.overview > .cell6 { grid-area: cell6; } 


  .onexseven, .keyprinciples.buttons {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: var(--padding-sm);
    grid-template-areas: "cell1"
                         "cell2"
                         "cell3"
                         "cell4"
                         "cell5"
                         "cell6"
                         "cell7";
    }
              
    .keyprinciples.buttons > .full { grid-area: 1 / 1 / 8 / 2; }
    .keyprinciples.buttons > .cell1 { grid-area: cell1; }
    .keyprinciples.buttons > .cell2 { grid-area: cell2; }
    .keyprinciples.buttons > .cell3 { grid-area: cell3; }
    .keyprinciples.buttons > .cell4 { grid-area: cell4; }
    .keyprinciples.buttons > .cell5 { grid-area: cell5; }
    .keyprinciples.buttons > .cell6 { grid-area: cell6; }
    .keyprinciples.buttons > .cell7 { grid-area: cell7; } 

 .twoxtwo, .card.keyprinciples {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: var(--padding-sm);
    grid-column-gap: var(--padding-sm);
    grid-template-areas: "cell1 cell2"
                         "cell1 cell3";
  }
        
  .card.keyprinciples > .full { grid-area: 1 / 1 / 3 / 3; }
  .card.keyprinciples > .cell1 { grid-area: cell1; }
  .card.keyprinciples > .cell2 { grid-area: cell2; }
  .card.keyprinciples > .cell3 { grid-area: cell3; }


.fivexone, .menu.bottom {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: var(--padding-sm);
  grid-column-gap: var(--padding-sm);
  grid-template-areas: "cell1 cell2 cell3 cell4 cell5";
  }
          
  .menu.bottom > .full { grid-area: 1 / 1 / 2 / 6; }
  .menu.bottom > .cell1 { grid-area: cell1; }
  .menu.bottom > .cell2 { grid-area: cell2; }
  .menu.bottom > .cell3 { grid-area: cell3; }
  .menu.bottom > .cell4 { grid-area: cell4; }
  .menu.bottom > .cell5 { grid-area: cell5; }

/*|| ALL PAGES - MOBILE */

.hero {
  min-height: var(--height-20vh);
}

.hero > .full.bkgd {
  position: relative;
  z-index: 1;
  }

.hero > .full.overlay {
background: var(--color-gradient-secondary);
position: relative;
z-index: 2;
}

.hero > .cell1 {
position: relative;
z-index: 3;
/*width: var(--width-100);*/
place-self: center start;
}

.hero > .content > h1 {
margin-bottom: 0;
}

.hero > .cell1.content {
padding-left: var(--padding-lg);
padding-right: var(--padding-lg);
padding-bottom: var(--padding-lg);
padding-top: var(--padding-lg);
}

.hero > .content > p {
  margin-bottom: 0;
}

.dnngo-main.full {
    background-color: var(--color-midnight);
}

.dnn_logo .Logobox, .LogoPane {
    padding: 8px;
}

.ag.home.hero > div.cell1.content > div > a.btn.btn-primary, .ag.home.hero > div.cell1.content > div > a.btn.btn-secondary {
    width: 100%;
}

.ag.home.hero > div.cell1.content > div > a.btn.btn-primary {
    margin-bottom: 10px;
}

#dnngo_megamenu > div.dnngo_gomenu > ul > li {
    margin-left: 10px;
}

#dnngo_megamenu > div > ul > li > a > span {
    font-family: var(--font-title);
    font-weight: var(--body-font-weight-bold);
    text-transform: uppercase;
}

#dnngo_megamenu > div > ul > li.dir:hover > a > span:after, #dnngo_megamenu > div > ul > li.dir.current > a > span:after, #dnngo_megamenu > div > ul > li.dir.menu_hover > a > span:after {
    border-bottom: 1px solid var(--color-frost);
    border-right: 1px solid var(--color-frost);
}

#dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-frost);
}

#dnngo_megamenu > div > ul > li:hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li > a:hover > span > i, #dnngo_megamenu > div > ul > li.menu_hover > a > span > i, #dnngo_megamenu > div > ul > li.current > a > span > i {
    color: var(--color-frost);
}

#dnngo_megamenu > div > ul > li:hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li:hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span {
    background-color: var(--color-bronze);
    border-radius: var(--border-radius-sm);
}

#dnngo_megamenu .dnngo_slide_menu, #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu, #dnngo_megamenu .dnngo_boxslide {
    background-color: var(--color-midnight-dark);
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a {
    font-size: 16px;
    color: var(--color-frost);
    font-family: var(--font-body);
    text-transform: capitalize;
}

#dnngo_megamenu .dnngo_slide_menu li:hover > a, #dnngo_megamenu .dnngo_slide_menu li.subcurrent > a {
    color: var(--color-frost);
    background-color: var(--color-bronze);
}

.nav_ico .fa {
    color: var(--color-frost);
}

.nav_ico .fa:hover, .nav_ico .fa.active {
    color: var(--color-bronze);
}

.nav_ico .searchBox, .nav_ico .Loginandlanguage {
    box-shadow: var(--boxshadow-md);
    background-color: var(--color-frost);
    border-radius: var(--border-radius-sm);
}

.nav_ico .searchBox input.NormalTextBox {
    background-color: rgba(0, 40, 56, .1);
    color: var(--color-midnight-dark);
}

.roll_menu.roll_activated .headerBox > .shade, .roll_menu.roll_activated .headerbottomBox > .shade {
    background-color: var(--color-midnight);
}

.nav_ico .search, .nav_ico a.search:link, .nav_ico a.search:active, .nav_ico a.search:visited {
    background-color: var(--color-juniper);
    color: var(--color-frost);
}

.nav_ico .search:hover, .nav_ico a.search:link:hover, .nav_ico a.search:active, .nav_ico a.search:visited {
    background-color: var(--color-bronze);
    color: var(--color-frost);
}

.nav_ico .fa.active:before {
    color: var(--color-bronze);
}

.roll_menu.roll_activated .dnn_logo .FixedLogoPane, .roll_menu.roll_activated .FixedLogoPane .dnn_logo {
    height: 50px;
    line-height: 50px;
    padding: 2px 2px 2px 2px;
    margin-top: -8px;
}

.nav_ico:before {
    display: none;
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li:hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span {
    color: var(--color-frost);
}

.mobile_header, .mobile_dnn_logo, .mobile_nav {
    height: 80px;
}

.mobile_nav > .shade {
    background-color: var(--color-midnight);
}

.mobile_header .Logobox, .mobile_header .mobileLogoPane {
padding: 8px;
}

.mobile_left_icon, .mobile_right_icon {
    margin-bottom: 10px;
    top: 24px;
    margin-top: -8px;
}

.mobile_left_icon .fa, .mobile_right_icon a, #dnn_wrapper > div.visible-xs.visible-sm.mobile_header > div > div.dnn_layout > div > div.mobile_navbox > div.mobile_right_icon > a, .mobile_left_icon .fa.active, html.mm-opening.mm-opened .mobile_right_icon a {
    border-color: var(--color-frost);
    color: var(--color-frost);
    text-decoration: none;
}

.mm-btn {
    padding-top: 13px;
}

.mobile_left_icon #ico_search, .mobile_right_icon a:before {
    line-height: 1;
    width: 22px;
    height: 22px;
    font-size: 22px;
    font-family: 'dnngo' !important;
}

.mobile_left_icon {
    margin-right: 44px;
    right: 0px;
}

.mobile_menu.mm-menu {
    background-color: var(--color-midnight);
    background: rgb(0,40,56);
    background: linear-gradient(180deg, rgba(0,40,56,1) 0%, rgba(0,21,29,1) 100%);
}

.mobile_menu.mm-menu .mm-navbar .mm-btn:before, .mobile_menu.mm-menu .mm-navbar .mm-btn:after {
    border-color: var(--color-frost);
}

.mobile_menu, .mobile_menu .Normal, .HeaderPane_mobile, .HeaderPaneB_mobile, .mobile_menu .Header_Info, .mm-menu .mm-navbar.mm-navbar-top-2, .mm-menu .mm-navbar.mm-navbar-top-2 a, .mobile_menu .mm-listview > li > a, .mobile_menu .mm-listview > li > span, #mobile_user, #mobile_user a, #mobile_user a:link, #mobile_user a:active, #mobile_user a:visited {
    color: var(--color-frost);
}

.mm-navbar .mm-title {
    font-family: var(--font-title);
    text-transform: uppercase;
    font-weight: var(--body-font-weight-bold);
    font-size: var(--body-font-size-xs);
}

.mobile_menu .mm-listview > li, .mobile_menu .mm-listview > li:after, .mobile_menu .mm-listview > li .mm-next, .mobile_menu .mm-listview > li .mm-next:before, .mobile_menu .mm-navbar.mm-navbar-top-2, .mobile_menu .menu_header, .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1, #mobile_user {
    border-color: var(--color-midnight);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xxs);
    font-weight: var(--body-font-weight-bold);
    text-transform: uppercase;
}

ul.mm-listview > li > a, ul.mm-listview > li > span {
    padding: var(--padding-sm);
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.mm-selected > span, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.current > .mm-next, .mobile_menu.mm-menu .mm-listview > li.subcurrent >.mm-next, .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li > .mm-counter:hover + .mm-next, .mobile_menu.mm-menu .mm-listview > li > a.mm-next:hover {
    background-color: var(--color-bronze);
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > em, .mobile_menu.mm-menu .mm-listview > li.subcurrent > em, .mobile_menu.mm-menu .mm-listview > li > em:hover, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover > em, .mobile_menu.mm-menu .mm-listview > li.current > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li.subcurrent > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover:after {
    color: var(--color-frost)!important;
}

#mobile_user > span:nth-child(2) > span {
    display: none;
}

ul.mm-listview > li:not(.mm-divider):after, .mobile_menu .mm-listview > li .mm-next:before {
    display: none;
}

.mobile_menu.mm-menu .mm-listview > li > a.mm-next {
    bottom: 0px;
}

.mobile_menu.mm-menu .mm-listview > li .mm-next:after, .mobile_menu.mm-menu .mm-listview > li .mm-arrow:after {
    border-color: var(--color-frost);
}

.mobile_menu.mm-menu em.mm-counter, .mobile_menu .mm-next:after {
    color: var(--color-frost);
}

.HeaderPageTitle_bg {
    margin-bottom: 0;
}

.pagetitleBox .pagetitletoken .fa {
    display: none;
}

.pagetitle_bg, .pagetitleBox {
    background-color: var(--color-moss);
}

.pagetitleBox .pagetitletoken, .pagetitleBox .pagetitletoken a, .pagetitleBox .pagetitletoken aLlink, .pagetitleBox .pagetitletoken a:active, .pagetitleBox .pagetitletoken a:visited {
    text-align: left;
    font-style: Normal;
    Font-Size: var(--body-font-size-xxs);
    text-transform: inherit;
    color: var(--color-frost);
    Font-Family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
    Font-weight: normal;
    margin-bottom: 0px;
}

.pagetitleBox .pagetitletoken a:hover {
    color: var(--color-frost);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pagetitleBox .pagetitleborder {
    padding: 10px 0 10px;
}

/*|| FOOTER - MOBILE */

.ag.footer {
  text-align: center;
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
  background-color: var(--color-midnight);
}

.ag.footer > .about > img {
width: var(--width-90);
padding-bottom: var(--padding-md);
}

.footer-10 .footer-bottom {
    color: var(--color-frost);
    background-color: var(--color-midnight);
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    font-weight: normal;
    padding: 31px 0 20px;
    border-top: 2px solid var(--color-frost);
}

.footer-news li .title a:hover, .footer-news02 li .title a:hover, .footer-blogs .title a:hover, .footer-number li .number, .footer-menu03 li a:hover, .footer-news04 .title a:hover, .footer_box a:hover {
    color: var(--color-bronze);
}

.credits > p {
    color: var(--color-frost);
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    font-weight: normal;
    padding-bottom: var(--padding-xl);
}

.menu.bottom {
  grid-row-gap: 0;
  grid-column-gap: 0;
  width: var(--width-100);
  z-index: 3;
}

.menu.bottom > .content > .btn {
  width: var(--width-100);
}

div.cc-color-override-688238583.cc-window {
    color: var(--color-frost);
    background-color: var(--color-midnight-dark);
}

.cc-color-override-688238583 .cc-btn {
    color: var(--color-frost)!important;
    border-color: transparent;
    background-color: var(--color-bronze)!important;
    border-radius: var(--border-radius-sm)!important;
    text-transform: uppercase!important;
}

.cc-color-override-688238583 .cc-btn:hover, .cc-color-override-688238583 .cc-btn:focus {
    color: var(--color-midnight-dark)!important;
    background-color: var(--color-frost)!important;
    text-decoration: none!important;
}

#cookieconsent\:desc {
    font-family: var(--font-body);
    font-size: var(--body-font-size-xxs);
}

/* || LOGIN MOBILE*/

#dnn_ctr403_Login_UP {
    position: relative;
    box-shadow: var(--boxshadow-md);
}

#dnn_ctr403_Login_DNN {
        background-color: rgba(0, 40, 56, .7);
        border-radius: var(--border-radius-md);
}

#dnn_ctr403_ModuleContent {
    background-color: rgba(0, 40, 56, .5);
        padding: var(--padding-lg);
}

#dnn_ctr403_ContentPane {
    background-image: url(/Portals/0/Images/Man-Griping-Golf-Club-in-Blue-Long-Sleeve.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#dnn_ctr403_Login_DNN > div > div > div.dnnLabel{
    width: 100%;
    margin-top: 0px;
    text-align: left;
}

.LoginPanel {
    padding-right: 0px;
    float: left;
}

#dnn_ctr403_Login_Login_DNN_passwordLink {
    background: transparent;
    color: var(--color-frost);
    box-shadow: none;
    text-shadow: none;
    border: 0px;
    text-decoration: underline;
    text-underline-offset: 2px;
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    font-size: var(--body-font-size-xxs);
    font-style: italic;
}

#dnn_ctr403_Login_Login_DNN_cmdLogin {
    width: 100%;
}

#dnn_ctr403_Login_DNN > div {
    padding-top: 0;
    padding-right: var(--padding-sm);
    padding-left: var(--padding-sm);
    padding-bottom: 0;
}

#dnn_ctr403_Login_DNN > div > div:nth-child(5) > span {
    display: none!important;
}

#dnn_ctr403_Login_DNN > div > div:nth-child(5) > div > ul {
    padding-top: 0px;
}

#dnn_ctr403_Login_Login_DNN_cancelLink {
    display: none;
}

label, .dnn_ctr403_Login_Login_DNN_passwordLink {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: var(--body-font-size-xs);
}

#dnn_ctr403_Login_DNN > div > div:nth-child(3) > span.dnnLoginRememberMe > label {
    font-weight: 400;
    font-size: var(--body-font-size-xxs);
}

.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
    width: 100%;
    min-width: 200px;
    margin-bottom: 0px;
        background-color: var(--color-midnight);
    color: var(--color-frost);
    border: 0px;
    background: var(--color-midnight);
    box-shadow: none;
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    border-radius: var(--border-radius-sm);
}

#dnn_ctr403_Login_Login_DNN_txtUsername:focus, #dnn_ctr403_Login_Login_DNN_txtPassword:focus {
    background: var(--color-midnight);
    border: 0px;
    box-shadow: none;
    color: var(--color-frost);
}

#dnn_ctr403_Login_Login_DNN_cmdLogin {
    background: var(--color-juniper);
    background-color: var(--color-juniper);
    border-color: var(--color-juniper);
    font-family: var(--font-title);
    font-weight: var(--body-font-weight-bold);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--border-weight-sm) solid transparent;
    padding: 0.75rem 1rem;
    font-size: 16px;
    line-height: var(--body-line-height-md);
    border-radius: var(--border-radius-sm);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
    text-shadow: none;
}

#dnn_ctr403_Login_Login_DNN_cmdLogin:hover {
    background-color: var(--color-bronze);
    border-color: var(--color-bronze);
}

#dnn_ctr403_Login_Login_DNN_cmdLogin:focus {
    box-shadow: var(--boxshadow-btn-focus);
}

.dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel {
    display: block;
    margin: 0; 
    width: 100%;
    text-align: center;
}

#dnn_ctr403_Login_Login_DNN_txtUsername, #dnn_ctr403_Login_Login_DNN_txtPassword {
max-width: 100%;
}

.nav_ico .Loginandlanguage > .Login a, .nav_ico .Loginandlanguage > .Login a:link, .nav_ico .Loginandlanguage > .Login a:active, .nav_ico .Loginandlanguage > .Login a:visited, .nav_ico .Loginandlanguage > .Login .sep {
    color: var(--color-midnight-dark);
    font-size: var(--body-font-size-xs);
    vertical-align: middle;
    font-style: italic;
}

.nav_ico .Loginandlanguage > .Login .sep {
    display: none;
}

/*|| Home - MOBILE */

.home.hero > .full.overlay {
  background: var(--color-gradient-tertiary);
}

.home.lessons {
  text-align: center;
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.home.lessons > .full.bkgd {
  background-color: var(--color-frost);
  margin-right: -5vw;
  margin-left: -5vw;
  margin-bottom: -5vw;
  margin-top: -5vw;
}

.home.lessons > .content > h2 {
  color: var(--color-bronze);
}

.home.lessons > .content > p {
  color: var(--color-midnight-dark);
}

.card.lessons > .full {
  border-radius: var(--border-radius-md);
}

.card.lessons > .full.bkgd {
  background-image: url(/portals/0/Images/Private-Golf-Lessons.jpg);
  background-size: cover;
  background-position: center;
  min-height: var(--height-50vh);
  border-radius: var(--border-radius-md);
}

.card.lessons.privatelessons > .full.bkgd {
  background-image: url(/portals/0/Images/Private-Golf-Lessons.jpg);
}

.card.lessons.grouplessons > .full.bkgd {
  background-image: url(/portals/0/Images/Group-Golf-Lessons.jpg);
  background-position: top;
}

.card.lessons.teamlessons > .full.bkgd {
  background-image: url(/portals/0/Images/Team-Golf-Lessons.jpg);
}

.card.lessons > .full.overlay {
  background: var(--color-gradient-primary);
}

.card.lessons > .cell1.content {
  place-self: end center;
  }

.card.lessons > .cell1.content {
  padding-bottom: var(--padding-sm);
  }

.hero.founder > .full.bkgd {
  background-image: url(/portals/0/Images/Tim-Metko-in-Office.jpg);
  background-size: cover;
  background-position: center;
  min-height: var(--height-40vh);
}

/*|| ABOUT - MOBILE*/

.about.hero > .cell1.content > .button_cta > .btn.btn-primary {
    margin-right: 10px;
}

.about.hero > .full.overlay, .contact.hero > .full.overlay {
background: none;
}

.about.hero > .cell2.content > img, .contact.hero > .cell2.content > img {
  width: var(--width-100);
}

.about.thefounder {
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.about.thefounder > .bkgd.full {
  background-color: var(--color-frost);
  margin-right: -5vw;
  margin-left: -5vw;
  margin-bottom: -5vw;
  margin-top: -5vw;
}

.about.thefounder > .content {
color: var(--color-midnight);
text-align: center;
}

.about.thefounder > .content > i {
  font-size: var(--body-font-size-md);
  padding-bottom: var(--padding-md);
}

.about.thefounder > .content > h2 {
  color: var(--color-bronze);
}

.about.thefounder > .content > p {
  color: var(--color-midnight-dark);
  text-align: left;
}

.about.background {
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}



/*|| THE CONCEPT - MOBILE*/

.concept.hero > .full.bkgd {
  background-image: url(/portals/0/Images/Key-Principles-Hero.jpg);
  background-size: cover;
  background-position: center;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.concept.overview, .concept.principles, .concept.genesis {
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.concept.principles {
  background-color: var(--color-frost);
}
.concept.principles > .content > h2 {
  color: var(--color-bronze);
}
.concept.principles > .content > p {
  color: var(--color-midnight-dark);
}

/* || LESSONS - MOBILE */

.lessons.hero > .full.bkgd {
  background-image: url(/portals/0/Images/Golf-Instructor-and-golf-bag.jpg);
  background-size: cover;
  background-position: center;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.lessons > .bkgd.cell2 {
  background-size: cover;
  background-position: center;
  min-height: var(--height-50vh);
  border-radius: var(--border-radius-md);
}

.lessons.private, .lessons.group, .lessons.team {
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.lessons.private > .bkgd.cell2 {
  background-image: url(/portals/0/Images/Private-Golf-Lessons.jpg);
}

.lessons.group > .bkgd.cell2 {
  background-image: url(/portals/0/Images/Group-Golf-Lessons.jpg);
  background-position: top;
}

.lessons.team > .bkgd.cell2 {
  background-image: url(/portals/0/Images/Team-Golf-Lessons.jpg);
  background-position: right;
}



/*|| Key Principles - MOBILE */

.keyprinciples.overview {
  padding-right: var(--padding-lg);
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.keyprinciples.hero > .full.bkgd {
  background-image: url(/portals/0/Images/Key-Principles-Hero.jpg);
  background-size: cover;
  background-position: center;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.keyprinciples.hero.thefinish, .keyprinciples.hero.addressposition, .keyprinciples.hero.theload, .keyprinciples.hero.forwardswing, .keyprinciples.hero.impact {
  text-align: center;
}

.keyprinciples.hero.thefinish > .full.bkgd, .keyprinciples.hero.addressposition > .full.bkgd, .keyprinciples.hero.theload > .full.bkgd, .keyprinciples.hero.forwardswing > .full.bkgd, .keyprinciples.hero.impact > .full.bkgd {
  background-image: none;
  background-color: var(--color-midnight);
}

.card.keyprinciples {
  height: 100%;
}

.card.keyprinciples > .full {
  border: solid 2px var(--color-midnight);
  background-color: var(--color-midnight);
  border-radius: var(--border-radius-md);
}

.card.keyprinciples > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-thefinish-summary.jpg);
  background-size: cover;
  background-position: top;
  min-height: var(--height-40vh);
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}

.card.keyprinciples > .cell2.content {
  place-self: start start;
  padding-top: var(--padding-md);
  padding-right: var(--padding-md);
}

.card.keyprinciples > .cell3.content {
  place-self: end end;
  padding-bottom: var(--padding-md);
  padding-right: var(--padding-md);
}

.card.keyprinciples.thefinish > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-thefinish-summary.jpg);
}

.card.keyprinciples.addressposition > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-addressposition-summary.jpg);
}

.card.keyprinciples.theload > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-theload-summary.jpg);
}

.card.keyprinciples.forwardswing > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-forwardswing-summary.jpg);
}

.card.keyprinciples.impact > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-impact-summary.jpg);
}

.card.keyprinciples.balancedfinish > .cell1.bkgd {
  background-image: url(/portals/0/Images/ag-keyprinciples-thefinish-sideview-summary.jpg);
}

.keyprinciples.buttons {
  padding-top: var(--padding-lg);
}

.keyprinciples.buttons > .content > .button_cta {
  padding-top: 0;
}

.keyprinciples.buttons > .content > .button_cta > a {
  width: var(--width-100);
}

.thefinish.info, .addressposition.info, .theload.info, .forwardswing.info, .impact.info {
  padding-right: 0;
  padding-left: var(--padding-lg);
  padding-top: var(--padding-lg);
  padding-bottom: var(--padding-lg);
}

.info > .content > .card > .cell2.content > img {
border-radius: var(--border-radius-md);
width: 100%;
}

/*|| CONTACT - MOBILE */

.contact.hero > .content > p {
margin-bottom: var(--padding-sm);
}

.contact.hero > div.cell1.content > p > a {
    color: var(--color-frost);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/*|| THANK YOU - MOBILE */


/*|| 404 Error Page - MOBILE */

.errorpage.hero {
  min-height: var(--height-100vh);
  text-align: center;
}

.errorpage.hero > .bkgd.full {
  background-image: url(/portals/0/Images/Golf-Course-Ariel-View.jpg);
  background-size: cover;
  background-position: top;
}

.errorpage.hero > .full.overlay {
  background-color: var(--color-midnight);
  opacity: 70%;
}

.errorpage.hero > .content > img {
  padding-bottom: var(--padding-md);
  max-height: var(--height-40vh);
}


/*|| END MOBILE VIEW*/

/*|| DESKTOP VIEW*/

@media screen and (min-width: 1025px) {


  h1 {
    font-size: var(--body-font-size-xl);
   }
  
   h2 {
    font-size: var(--body-font-size-lg);
   }
  
   h3 {
    font-size: var(--body-font-size-md);
   }
  
   h4 {
    font-size: var(--body-font-size-sm);
   }
  
   h5 {
    font-size: var(--body-font-size-xs);
   }
  
   h6 {
    font-size: var(--body-font-size-xs);
   }
  
  p, ul {
    font-size: var(--body-font-size-xs);
   }

.btn {
    font-size: var(--body-font-size-xxs);
  }


 .twoxone, .home.hero, .about.hero, .contact.hero, .info, .concept, .lessons.private, .lessons.group, .lessons.team {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: var(--padding-sm);
    grid-column-gap: var(--padding-sm);
    grid-template-areas: "cell1 cell2";
    }
   
    .home.hero > .full, .about.hero > .full, .about.hero > .cell2, .contact.hero > .full, .contact.hero > .cell2, .info > .full, .concept > .full, .lessons.private > .full, .lessons.group > .full, .lessons.team > .full { grid-area: 1 / 1 / 2 / 3; }
    .home.hero > .cell1, .about.hero > .cell1, .contact.hero > .cell1, .info > .cell1, .concept.overview > .cell2, .concept.principles > .cell1, .concept.genesis > .cell2, .lessons.private > .cell2, .lessons.group > .cell1, .lessons.team > .cell2  { grid-area: cell1; }
    .info > .cell2, .concept.overview > .cell1, .concept.principles > .cell2, .concept.genesis > .cell1, .lessons.private > .cell1, .lessons.group > .cell2, .lessons.team > .cell1 { grid-area: cell2; }

  
  .threexone, .about.thefounder {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-row-gap: var(--padding-sm);
      grid-column-gap: var(--padding-sm);
      grid-template-areas: "cell1 cell2 cell3";
    }
          
  .about.thefounder > .full { grid-area: 1 / 1 / 2 / 4; }
  .about.thefounder > .cell1 { grid-area: cell1; }
  .about.thefounder > .cell2 { grid-area: cell2; }
  .about.thefounder > .cell3 { grid-area: cell3; } 
  

  .threexthree, .home.lessons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: var(--padding-sm);
     grid-column-gap: var(--padding-sm);
    grid-template-areas: "cell1 cell1 cell1"
                         "cell2 cell3 cell4"
                         "cell5 cell5 cell5";
    }
          
    .home.lessons > .full { grid-area: 1 / 1 / 4 / 4; }
    .cell1 { grid-area: cell1; }
    .cell2 { grid-area: cell2; }
    .cell3 { grid-area: cell3; } 
    .cell4 { grid-area: cell4; }
    .cell5 { grid-area: cell5; }


    .twoxfour, .keyprinciples.overview {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: var(--padding-lg);
      grid-column-gap: var(--padding-md);
      grid-template-areas: "cell1 cell2"
                            "cell3 cell4" 
                            "cell5 cell6";
      }
                  
      .keyprinciples.overview > .full { grid-area: 1 / 1 / 5 / 3; }
      .cell1 { grid-area: cell1; }
      .cell2 { grid-area: cell2; }
      .cell3 { grid-area: cell3; }
      .cell4 { grid-area: cell4; }
      .cell5 { grid-area: cell5; }
      .cell6 { grid-area: cell6; }


    .sevenxone, .sitemap > .links {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-row-gap: var(--padding-sm);
      grid-column-gap: var(--padding-sm);
      grid-template-areas: "cell1 cell2 cell3 cell4 cell5 cell6 cell7";
      }
              
      .sitemap > .links > .full { grid-area: 1 / 1 / 2 / 8; }
      .sitemap > .links > .cell1 { grid-area: cell1; }
      .sitemap > .links > .cell2 { grid-area: cell2; }
      .sitemap > .links > .cell3 { grid-area: cell3; }
      .sitemap > .links > .cell4 { grid-area: cell4; }
      .sitemap > .links > .cell5 { grid-area: cell5; }
      .sitemap > .links > .cell6 { grid-area: cell6; }
      .sitemap > .links > .cell7 { grid-area: cell7; }

/*|| LOGIN - DESKTOP*/

#dnn_ctr403_Login_pnlLogin {
    left: calc(50% - 250px);
    position: relative;
}

 /*ALL PAGES*/

  .hero {
    min-height: var(--height-20vw);
  }

  .menu.bottom {
    display: none;
  }

.pagetitleBox .pagetitleborder {
    padding: 0px 0 10px;
}

.ag.footer > .about > img {
    max-width: 350px;
}

.credits > p {
    padding-bottom: 0;
}

  /*|| HOME - DESKTOP*/

.ag.home.hero > div.cell1.content > div > a.btn.btn-primary {
    margin-bottom: 0;
    margin-right: 10px;
}

.ag.home.hero > div.cell1.content > div > a.btn.btn-primary, .ag.home.hero > div.cell1.content > div > a.btn.btn-secondary {
    width: auto;
}

  .home.hero > .full.overlay, .about.hero > .full.overlay, .contact.hero > .full.full.overlay {
    background: var(--color-gradient-secondary);
  }

  .card.lessons > .full.bkgd {
    min-height: var(--height-40vw);
}

.hero.founder > .full.bkgd {
  min-height: var(--height-100vh);
}

/*|| LESSONS - DESKTOP*/
.lessons > .bkgd.cell2 {
  min-height: var(--height-40vw);
}

.lessons.private > .cell1.content, .lessons.group > .cell1.content, .lessons.team > .cell1.content {
  place-self: center center;
}

.lessons.private > .bkgd.cell2 {
  margin-right: var(--padding-lg);
}

.lessons.group > .bkgd.cell2 {
  margin-left: var(--padding-lg);
}

.lessons.team > .bkgd.cell2 {
  margin-right: var(--padding-lg);
}

.card.keyprinciples > .cell1.bkgd {
  min-height: var(--height-40vw);
}

/*.concept.overview, .concept.principles, .concept.genesis {
  min-height: var(--height-50vw);
}*/

/*.concept.overview > .cell2.content, .concept.principles > .cell2.content, .concept.genesis > .cell2.content {
  padding-top: var(--padding-xl);
  padding-bottom: var(--padding-xl);
}*/

.concept.overview > .cell1.content, .concept.principles > .cell1.content, .concept.genesis> .cell1.content {
  place-self: center  center;
}

/*.concept.overview > .cell2.content, .concept.principles > .cell2.content, .concept.genesis> .cell2.content {
  padding-top: 22%;
}*/




/*END DESKTOP*/

}
  
/*||TABLET*/

@media all and (min-width:769px) and (max-width:1024px) {

 
  
  h1 {
    font-size: var(--body-font-size-md);
   }
  
   h2 {
    font-size: var(--body-font-size-sm);
   }
  
   h3 {
    font-size: var(--body-font-size-sm);
   }
  
   h4 {
    font-size: var(--body-font-size-sm);
   }
  
   h5 {
    font-size: var(--body-font-size-xs);
   }
  
   h6 {
    font-size: var(--body-font-size-xs);
   }
  
  p, ul {
    font-size: var(--body-font-size-xs);
   }

 .btn {
    font-size: var(--body-font-size-xs);
  }


/*|| LOGIN - TABLET*/

#dnn_ctr403_Login_pnlLogin {
    left: calc(50% - 250px);
    position: relative;
}


/*END TABLET*/
}