/**--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------**/


/**--------------------------------------------------------------------- import Fonts -----------------------------------------------------------------------**/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif; 2) font-family: 'Poppins', sans-serif; ----------------------------*****/


/**--------------------------------------------------------------------- import Files -----------------------------------------------------------------------**/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/**--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------------**/

* {
     box-sizing: border-box !important;
}



.container {
     max-width: 1170px;
}



html {
     scroll-behavior: smooth;
}



body {
     color: #666666;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
}



a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}



h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}



h1 {
     font-size: 24px;
}



h2 {
     font-size: 22px;
}



h3 {
     font-size: 18px;
}



h4 {
     font-size: 16px
}



h5 {
     font-size: 14px
}



h6 {
     font-size: 13px
}



*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none !important;
     opacity: 1
}



button:focus {
     outline: none;
}



ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}



p {
     margin: 0px;
     font-weight: 400;
     font-size: 17px;
     line-height: 24px;
}



a {
     color: #005198;
     text-decoration: none;
     outline: none !important;
}



a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}



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



 :focus {
     outline: 0;
}



.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}



.lead {
     font-size: 18px;
     line-height: 30px;
     color: #000000;
     margin: 0;
     padding: 0;
}



.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}



.navbar-form input {
     border: none !important;
}



.badge {
     font-weight: 500;
}



blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}



button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}



.full {
     float: left;
     width: 100%;
}



.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}



.titlepage {
     padding-bottom: 60px;
}



.titlepage h2 {
     font-size: 45px;
     color: #1c7894;
     line-height: 60px;
     font-weight: bold;
     padding: 0;
     display: inline-block;
}



.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}



.read_more {
     font-size: 17px;
     text-transform: uppercase;
     transition: ease-in all 0.5s;
     font-weight: bold;
     color: #e88e07de;
     z-index: 999;
     position: relative;
}



.read_more.homepage {     /** DLE notes - read more positioning **/
     color: #ff9900;
     margin-top: -90px;
}



.link_btn {
     display: flex;
     align-items: center;
}



.read_more:before {
     content: "";
     width: 0px;
     height: 1px;
     border: #337ab7 solid 1px;
     transition: all 0.2s linear;
     display: block;
     margin-bottom: -16px;
     position: relative;
     z-index: -1;
     left: 104px;
     opacity: 0;
     transition: ease-in all 0.5s;
}



.read_more:hover:before {
     width: 140px;
     opacity: 1;
     transition: ease-in all 0.5s;
}



.read_more:hover {
     color: #ff9900;
     transition: ease-in all 0.5s;
}



.read_more::before::after {    /** DLE coding **/
     width: 100%;
     transition: ease-in all 0.5s;
}



.read_more span {
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     transition: all 0.4s ease-in-out;
     display: block;
}
 


 .read_more:hover span {
     max-height: 300px;
     opacity: 1;
}



.text_align_left {
     text-align: left;
}



.text_align_right {
     text-align: right;
}



.text_align_center {
     text-align: center;
}



.img_responsive {
     max-width: 100%;
}





/**-- heading section --**/

/**---------------------------- preloader area ----------------------------**/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}



.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}



.loader img {
     width: 280px;
}



/** header **/

.header {
     width: 100%;
     background:rgba(255, 255, 255, 0);
     height: 107px;
     padding: 27px 30px;
     position: absolute;
     z-index: 999;
}



.navigation.navbar {
     float: right;
     padding: 0;
}



.navigation.navbar-dark .navbar-nav .nav-link {
     padding: 12px 18px;
     color: #000000;
     font-size: 16.5px;
     line-height: 20px;
     font-weight: 400;
     border-radius: 30px;
     text-transform: uppercase;
}



.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #fff;
     background: #ffaa00;
}



.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #fff;
     background: #ffaa00;
}



.di_no {
     display: none;
}



ul.email {
     padding-top: 1px;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
}



ul.email li {
     padding: 0px 30px;
}



ul.email li:nth-child(2) {
     padding-right: 0;
}



ul.email li a {
     font-size: 29px;
}



ul.email li i {     /** DLE notes - profile and search icons **/
     color: #1c7894;
     font-size: 19px;
}

/** end header **/





/** banner section **/

.full_bg {
     background: #fff;
}



.slider_main {
     padding-top: 15%;
}



.relative {
     left: 0;
     right: 0;
     text-align: left;
     position: inherit;
}



.carousel-indicators {
     bottom: 0;
}



.carousel-control.right,
.carousel-control.left {
     background-image: none;
}



.carousel-item {
     min-height: 350px;
     height: 100%;
     width: 100%;
}



.board {
     max-width: 474px;
     float: right;
     text-align: left;
     width: 100%;
}



.board h3 {
     position: relative;
     top: -50px;
}



.relative h3 {
     padding-top: 60px;
     font-size: 70px;
     line-height: 85px;
     color: #18708b;
     font-weight: bold;
     padding-bottom: 60px;
}



.carousel .icon-container {
     display: inline-block;
     font-size: 25px;
     line-height: 25px;
     padding: 1em;
     text-align: center;
     border-radius: 50%;
}



.slider_main .carousel-indicators {
     display: none;
}



#carouselExampleIndicators .carousel-control-prev,
#carouselExampleIndicators .carousel-control-next {
     width: 66px;
     height: 66px;
     background-color: #337ab7;
     color: #fff;
     font-size: 15px;
     opacity: 1;
     border-radius: 50px;
     top: 100%;
}



#carouselExampleIndicators .carousel-control-prev {
     left: 4%;
}



#carouselExampleIndicators .carousel-control-next {
     right: inherit;
     left: 10%;
}



#carouselExampleIndicators .carousel-control-next:focus,
#carouselExampleIndicators .carousel-control-next:hover,
#carouselExampleIndicators .carousel-control-prev:focus,
#carouselExampleIndicators .carousel-control-prev:hover {
     background-color: #ff9900;
     color: #fff;
}



.banner_img {
     padding-right: 50px;
}



.banner_img figure {
     margin: 0;
}

/** end banner section **/





/** our class **/

.class {
     padding: 140px 0px 60px 0px;
}



.class .titlepage p {
     font-size: 17px;
     padding-top: 15px;
     color: #2b2b2b;
}



.qualifications {
     font-size: 17px;
     padding-top: 15px;
     color: #2b2b2b;
}



.class_box {
     border-radius: 10px;
     background: #ff9900;
     margin-bottom: 58px;
     transition: ease-in all 0.5s;
     padding: 40px 50px 75px 50px;
}



.class_box h3 {
     color: #fff;
     font-size: 25px;
     transition: ease-in all 0.5s;
     font-weight: bold;
     line-height: 22px;
     padding: 30px 0;
}



.class_box p {
     color: #fff;
     font-size: 16px;
     line-height: 28px;
     transition: ease-in all 0.5s;
}



.class_box h3 a {
     color: #fff;
     font-size: 25px;
     transition: ease-in all 0.5s;
     font-weight: bold;
     line-height: 22px;
     padding: 30px 0;
}



.class_box h3 a:hover {
     color: #0d0d0d;
     font-size: 25px;
     transition: ease-in all 0.5s;
     font-weight: bold;
     line-height: 22px;
     padding: 30px 0;
}



.blue {
     background: #1c7894;
}



.margi_bottom {
     margin-bottom: 30px;
}

/** end our class **/





/** about section **/

.about {
 /** DLE remove
     background: url(../images/about_bg.jpg); **/
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     padding-top: 90px;
}



.about .titlepage {
     padding-bottom: 0;
     max-width: 554px;
     float: right;
}



.about .titlepage h2 {
     padding-bottom: 30px;
     color: #1c7894;
}



.about .titlepage p {
     font-weight: 400;
     font-size: 17px;
     line-height: 30px;
     color: #1c1c1c;
     padding-bottom: 29px;
}



.about_img figure {
     margin: 0;
}



.about_img figure img {
     width: 100%;
     margin-bottom: -11px;
}



.about .read_more {
     color: #fff;
     background: #005198;
}



.about .read_more:hover {
     color: #337ab7;
     background: #005198;
}

/** end about section **/





/** coachbio section **/

.coach_bio {
 /** DLE remove  
     background: url(../images/about_bg.jpg); **/
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     padding-top: 90px;
}



.coach_bio .titlepage {
     padding-bottom: 0;
     max-width: 554px;
     float: right;
}



.coach_bio .titlepage h2 {
     padding-bottom: 30px;
     color: #1c7894;
}



.coach_bio .titlepage p {
     font-weight: 400;
     font-size: 17px;
     line-height: 30px;
     color: #1c1c1c;
     padding-bottom: 29px;
}



.coach_img figure img {
     width: 75%;
     margin-bottom: -11px;
}

/** end coachbio section **/





/** schedule section **/

.skating {
     background: #fff;
     padding: 90px 30px 90px 30px;
}



.skating .titlepage p {
     padding-top: 15px !important;
     line-height: 30px;
     font-size: 17px;
     color: #262626;
}



.skating-box figure {
     margin: 0;
}



.skating-box figure img {
     max-width: 100%;
     margin-bottom: 35px;
}



.skating .read_more::before {
     left: 89px;
}





/** summer camp table **/

.camp-table {
     border-collapse: collapse;
     table-layout: auto;
     width: min-content;
     margin: 2em auto;
}



.camp-table th {
     border: 1.5px solid #121212;
     background-color: #ff9900;
     color: #121212;
     padding-top: 16px;       /** DLE notes - adds spacing above the text in header row**/
     padding-bottom: 16px;    /** DLE notes - adds spacing below the text in header row**/
     font-size: 12pt;         /** DLE notes - adding to the end so it overrides any subsequent th rules **/
}



.camp-table td {
     border: 1.5px solid #121212;
     color: #121212;
     padding: 8px 25px;
     min-width: 125px;
     text-align: left;
     vertical-align: top;
     white-space: nowrap;
}



.camp-table tbody tr:nth-child(odd) td {
     background-color: #ffffff;
}



.camp-table tbody tr:nth-child(even) td {
     background-color: #e2e4e9;    /** DLE notes - alternating colors in even rows **/
}

/** end summer camp table **/





/** end what to bring list **/

.camp-list {
     padding-left: 1.0em  !important; /** DLE - this indents list items **/
     margin: 1em 0;
     font-size: 16px;
     color: #121212;
}



.camp-list li {
     list-style-type: disc; /** DLE - this adds bullets to list items **/
     display: list-item !important;
     margin-bottom: 0.5em;
}

/** end what to bring list **/





/** coaches section **/

.shop {
     background: #fff;
}



.shop .titlepage {
     padding-bottom: 0;
     max-width: 458px;
     float: left;
}



.shop .titlepage h2 {
     padding-bottom: 30px;
     color: #1c7894;
}



.shop .titlepage p {
     font-weight: 400;
     font-size: 17px;
     line-height: 30px;
     color: #282828;
     padding-bottom: 29px;
}



.shop_img {
     padding-left: 40px;
}



.shop_img figure {
     margin: 0;
}



.shop .titlepage .read_more::before {
     left: 89px;
}



.coach_table {
     border: "0";
     width: 100%; 
     text-align: center;
}



.coach_card {
     padding: 15px;
}

/** end coaches section **/





/** testimonial **/

.testimonial {
     background: #005198;
     padding: 90px 0;
     margin-top: 90px;
}



.testimonial .titlepage h2 {
     color: #fff;
}



.carousel-indicators {
     display: none;
}



#myCarousel a.carousel-control-next,
#myCarousel a.carousel-control-prev {
     background: #ff9900;
     width: 72px;
     height: 72px;
     top: 112%;
     opacity: 1;
     font-size: 33px;
     border-radius: 40px;
     color: #fff;
}



#myCarousel a.carousel-control-prev {
     left: 44%;
}



#myCarousel a.carousel-control-next {
     right: 44%;
}



#myCarousel a.carousel-control-next:focus,
#myCarousel a.carousel-control-next:hover,
#myCarousel a.carousel-control-prev:focus,
#myCarousel a.carousel-control-prev:hover {
     color: #fff;
     background: #337ab7;
     opacity: 1;
}



.relative {
     position: inherit;
     bottom: 0;
     padding: 0;
}



.testimonial .carousel-item {
     padding-top: 53px;
}



.test_box {
     background: #337ab7;
     border-radius: 20px;
     padding: 0 20px 40px 20px;
}



.test_box span {
     width: 100px;
     box-shadow: 0 0 38px rgba(14, 14, 13, 0.10);
     height: 100px;
     background: #fff;
     border-radius: 50px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     margin-top: -49px;
     display: inline-grid;
}



/**
.test_box span img {
     width: 38px;
     height: 52px;
     padding: 0;
}
**/



.test_box span img {
     width: 80px;
     padding: 0;
}



.test_box h4 {
     color: #fff;
     font-size: 24px;
     line-height: 25px;
     font-weight: bold;
     margin-top: 38px;
}



.test_box img {
     width: 20px;
     margin: 0 auto;
     padding: 15px 0;
}



.test_box p {
     color: #fff;
     font-size: 17px;
}



.white_bg {
     background: #ff9900;
     padding: 0 40px 60px 40px;
     margin: 0 20px;
     box-shadow: 0 0 38px rgba(14, 14, 13, 0.27);
}



.white_bg span {
     width: 120px;
     height: 120px;
     border-radius: 60px;
}



/**
.white_bg span img {
     width: 45px;
     height: 52px;
     padding: 0;
}
**/



.white_bg span img {
     width: 80px;
     padding: 0;
}



.white_bg h4 {
     font-size: 25px;
     color: #434342;
}



.white_bg img {
     width: 41px;
     margin: 0 auto;
     padding: 25px 0;
}



.white_bg p {
     color: #434342;
}

/** end testimonial **/





/** footer **/

.footer {
     padding-top: 120px;
     background: #fff;
     text-align: center;
}



.border_left {
     border-left: #ff9900 solid 1px;
     padding-left: 40px;
}



.infoma {
     display: block;
     margin-bottom: 0px;
}



.infoma h3 {
     text-align: left;
     font-weight: bold;
     font-size: 30px;
     line-height: 24px;
     color: #005198;
     padding-bottom: 15px;
/** DLE notes- adjusts the top spacing between the newsletter and connect wth us
     margin-top: 100px;   
     margin-bottom: 10px;
**/
}



/** DLE notes- adjusts the top spacing between the newsletter and connect wth us **/
.infoma.useful_links {
          margin-top: 40px;
     margin-bottom: 10px;
}



/** DLE notes- adjusts the top spacing between the newsletter and connect wth us **/
.infoma.connect_with_us {
     margin-top: 20px;
     margin-bottom: 10px;
}



.infoma ul li {
     color: #e2e4e9;
     font-size: 14px;
     text-align: left;
     line-height: 35px;
     display: inline-block;
}



.infoma ul li a:hover {
     color: #278dac !important;    /** DLE notes - forces change on the links' on hover color **/
}



.infoma ul li img {
     max-width: 84px;
}



ul.conta {
     padding-top: 12px;
}



ul.conta li {
     color: #434342;
     text-align: left;
     padding-bottom: 22px;
     font-size: 17px;
     line-height: 18px;
     display: flex;
     align-items: center;
}



ul.conta li:last-child {
     padding-right: 0;
}



ul.conta li i {
     padding-right: 15px;
     text-align: center;
     font-size: 18px;
     color: #000000;     /** DLE notes - contact us icons in footer **/
}



ul.conta li a {
     color: #434342;
}





/** newsletter **/

.form_subscri {
     margin-top: 10px;
}



.newsl {
     margin-bottom: 20px;
     width: 100%;
     height: 48px;
     background: #fff;
     color: #9e9c9c;
     font-size: 16px;
     font-weight: normal;
     border: 1px solid #1c7894 !important;   /** DLE notes - adds a border around the data input fields for subscription name and email. **/
     border-radius: 10px;     /** DLE notes - gives data input fields a rounded look **/
     box-shadow: 0 0 5px 0px #dddddd4d;
     padding: 0 15px;
}



.subsci_btn {
     font-size: 17px;
     transition: ease-in all 0.5s;
     background-color: #1c7894;
     text-transform: uppercase;
     color: #fff;
     max-width: 220px;
     width: 100%;
     display: block;
     font-weight: 500;
     height: 48px;
     float: right;
     line-height: 48px;
     border-radius: 10px;
}



.subsci_btn:hover {
     background-color: #ff9900;
     transition: ease-in all 0.5s;
     color: #fff;
}

/** end newsletter **/





ul.fullink li {
     float: left;
     padding: 0px 27px;
}



ul.fullink li a {
     color: #2b2b2b;
     font-size: 17px;
}



ul.fullink li a:hover {
     color: #337ab7;
}



ul.fullink li:nth-child(1) {
     padding-left: 0;
}



ul.fullink li:nth-child(5) {
     padding-right: 0;
}



/** DLE remove
ul.social_icon {
     float: left;
     padding-top: 0px;
}



ul.social_icon li {
     display: inline-block;
     margin: 0 1px;
}

**/



ul.social_icon li a {
     background: #1c7894;
     width: 33px;
     height: 33px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     border-radius: 30px;
}



ul.social_icon li a i {
     font-size: 19px;
     transition: ease-in all 0.5s;
}



ul.social_icon li a:hover {
     color: #fff;
     background: #ff9900;
     transition: ease-in all 0.5s;
}



.copyright {
     margin-top: 90px;
     padding-bottom: 25px;
     background: #ff9900
}



.copyright p {
     color: #fff;
     font-size: 17 px;
     line-height: 22px;
     text-align: center;
     padding-top: 25px;
     font-weight: 400;
     font-weight: normal;
}



.copyright a {
     color: #fff;
}



.copyright a:hover {
     color: #005198;
}

/** end footer **/





/**  inner page css **/

/** DLE remove - this contains the box shadow in about.html page
.inner_page .header {
     box-shadow: 0 0 10px rgb(240, 57, 15);
     margin-bottom: 10px;
     position: inherit;
}

**/



.inner_page .header {
     margin-bottom: 10px;
     position: inherit;
}



/** DLE notes - box shadow in mobile mode **/
@media (max-width: 991px) {

     .inner_page .header {
          margin-bottom: 10px;
          position: inherit;
          box-shadow: none;
     }
}



.inner_page .about {
     margin-top: 80px;
}



.inner_page .class {
     padding-top: 80px;
     padding-bottom: 0;
}





/** contact **/

.contact {
     background: #fcfcfc;
     padding-bottom: 90px;
     padding-top: 88px;
}



.main_form {
     width: 100%;
}



.main_form .contactus {
     padding: 0px 10px;
     margin-bottom: 20px;
     width: 100%;
     height: 50px;
     background: #fff;
     color: #838383;
     font-size: 17px;
     font-weight: normal;
     border-radius: 11px;
     border: inherit;
     box-shadow: 0px 0px 2px 0 #005198;
}



.custom-select {
     padding: 0px 10px;
     color: #838383;
     font-size: 17px;
     height: 50px;
     border: inherit;
     box-shadow: 0px 0px 2px 0 #005198;
     margin-bottom: 20px;
     border-radius: 11px;
}



.custom-select:focus {
     border: inherit;
     box-shadow: 0px 0px 2px 0 #005198;
}



.main_form .textarea {
     margin-bottom: 20px;
     width: 100%;
     background: #fff;
     color: #838383;
     font-size: 17px;
     font-weight: normal;
     padding: 12px 15px 10px 15px;
     height: 155px;
     border-radius: 11px;
     border: inherit;
     box-shadow: 0px 0px 2px 0#337ab7;
}



.main_form .send_btn {
     font-size: 18px;
     transition: ease-in all 0.5s;
     background-color: #1c7894;
     text-transform: uppercase;
     color: #fff;
     max-width: 193px;
     width: 100%;
     display: block;
     margin-top: 10px !important;
     font-weight: 600;
     height: 53px;
     border-radius: 10px;
     padding: 13px 0;
}



.main_form .send_btn:hover {
     background: #ff9900;
     color: #fff;
     transition: ease-in all 0.5s;
}



#request *::placeholder {
     color: #838383;
     opacity: 1;
}

/** end contact **/



/** DLE notes - Desktop - coaches dropdown menu **/
.menu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     margin-left: auto !important;
}



.menu > li {
     position: relative;
}



.menu a {
     display: block;
     padding: 0.75rem 1rem;
     color: #fff;
     text-decoration: none;
     white-space: nowrap;
}



.menu a:hover {
     background: #444;
}



/** DLE notes - submenu (dropdown) styling **/

.submenu {
     display: none;
     position: static;
     top: 100%;   /** DLE notes - right below parent <li> **/
     left: 0;
     background: #fff;
     list-style: none;
     margin: 0;
     padding: 0;
     box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     min-width: 160px;
     z-index: 1000;
}



.submenu li a {
     color: #333;
     padding: 0.5rem 1rem;
}



.submenu li a:hover {
     background: #cfd0d1;
}



/** DLE notes - Show submenu on hover **/
.menu > li.dropdown:hover .submenu {
     display: block;
}

/** Desktop - End of coaches drop down menu **/



/** DLE notes - Desktop - coaches dropdown menu **/
.menu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     margin-left: auto !important;
}



.menu > li {
     position: relative;
}



.menu a {
     display: block;
     padding: 0.75rem 1rem;
     color: #fff;
     text-decoration: none;
     white-space: nowrap;
}



.menu a:hover {
     background: #444;
}



/** DLE notes - submenu (dropdown) styling **/
.submenu {
     display: none;
     position: absolute;
     top: 100%;   /** DLE notes - right below parent <li> **/
     left: 0;
     background: #fff;
     list-style: none;
     margin: 0;
     padding: 0;
     box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     min-width: 160px;
     z-index: 1000;
}



.submenu li a {
     color: #333;
     padding: 0.5rem 1rem;
}



.submenu li a:hover {
     background: #cfd0d1;
}



/** DLE notes - Show submenu on hover **/
.menu > li.dropdown:hover .submenu {
     display: block;
}



/** DLE notes - Desktop - end of coaches drop down menu **/





/** DLE notes - Mobile - coaches dropdown menu **/
@media (max-width: 991px) {
     .menu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     margin-left: auto !important;
     }



     .menu > li {
     position: relative;
     }
     


     .menu a {
     display: block;
     padding: 0.75rem 1rem;
     color: #fff;
     text-decoration: none;
     white-space: nowrap;
     }



     .menu a:hover {
     background: #444;
     }



     /** DLE notes - submenu (dropdown) styling **/
     .submenu {
     display: none;
     position: static;
     top: 100%;   /** DLE notes - right below parent <li> **/
     left: 0;
     background: #fff;
     list-style: none;
     margin: 0;
     padding: 0;
     box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     min-width: 160px;
     z-index: 1000;
     }



     .submenu li a {
     color: #333;
     padding: 0.5rem 1rem;
     }



     .submenu li a:hover {
     background: #cfd0d1;
     }



     /** DLE notes - Show submenu on hover **/
     .menu > li.dropdown:hover .submenu {
     display: block;
     }
}

/** DLE notes - Mobile - end of coaches drop down menu **/





/** DLE notes - removing the float on <nav> so it can participate in flex layout **/
.navigation.navbar {
     float: none;
}



.navigation.navbar .navbar-nav.mr-auto {
     margin-right: 0 !important;
     margin-left:  auto !important;     /**  DLE notes - this pushes the menu items all the way to the right **/
}



/** DLE notes - OVERRIDE: keep only “READ MORE” uppercase, but let the span content be normal **/
.read_more span {
     text-transform: none !important;
}