/*-- Desktop Stationary Navigation --*/
.desktop-nav {
    position:relative;
    z-index:9999;
    padding-top:1.5rem;
    display:none;
    background-color:#ffffff00;
    padding-bottom:1rem;
}

@media (min-width: 996px) {.desktop-nav {display:block;}}

/*-- 
'desktop-nav' is the clear navigation at the top of the page
'scroll-nav' is the nav w/ solid white background after scrolling

These two classes are changed via the Floating Naviagtion Menu function on 'main.js'
--*/

.desktop-nav ul li,
.scroll-nav ul li {
        list-style-type:none;
        display:inline-block;
        margin-top:2rem;
        margin-right:3rem;
    }

    .desktop-nav ul li a,
    .scroll-nav ul li a,
    .dropdown button {
            text-decoration:none;
            font-family:'Rubik', sans-serif;
            font-weight:600;
            font-size:1.5rem;
            color:#fff;
        }

        .desktop-nav ul li a:hover,
        .scroll-nav ul li a:hover,
        .desktop-nav ul li a:active,
        .scroll-nav ul li a:active {
            color:#FEDA4C;
            transition:.3s;
        }

        .desktop-nav ul li .nav-padding,
        .scroll-nav ul li .nav-padding {
            display:inline-block;
            padding:.5rem 0rem;
            vertical-align: middle !important;
            line-height:1.5;
            margin-right:2rem;
            
        } 

        .desktop-nav ul li .fa-caret-down,
        .scroll-nav ul li .fa-caret-down {
            font-size:70%;
            vertical-align:middle;
        }

        .desktop-nav ul li .btn,
        .scroll-nav ul li .btn {
            font-size:1.3rem !important;
        }

    .dropdown {
        position: relative;
        display: inline-block;
        }

    .dropdown button {
        border:none !important;
        background-color:rgba(255, 255, 255, 0) !important;
    }
          
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 300px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 20px 25px;
        z-index: 1;
        text-align:left;
        border-radius: 8px 50px;
        }

            .dropdown-content a {
                display:block;
                font-family:'Rubik';
                font-weight:700;
                text-transform: uppercase;
                font-size:1.3rem;
                text-decoration:none;
                color:#505050;
                margin: .5rem auto;
            }

            .dropdown-content a:hover,
            .dropdown-content a:active {
                color:#4A9ED7;
                transform:.2s;
            }
          
    .dropdown:hover .dropdown-content {
        display: block;
        }

    .nav {
        margin-right: 1rem;
        text-align:right;
    }

        .nav li {
            text-align:right;
            margin-right:1rem;
        }

        @media (min-width: 1200px) {.nav li {margin-right:3.5rem;}}
        @media (min-width: 1300px) {.nav li {margin-right:2rem;}}

.desktop-nav .logo {
    height:7rem;
    margin-left:5rem;
    margin-top:0rem;
}

@media (min-width: 996px) {.desktop-nav .logo {height:7rem; margin-top:-.5rem;}}

.rm-logo {
    height:7.5rem;
    margin-left:5rem;
    margin-top:0rem;
}
/*-- Desktop Stationary Navigation --*/

/*-- Scroll Nav --*/

.scroll-nav {
    position:fixed;
    z-index:9999;
    padding-top:1.5rem;
    display:none;
    background-color:#fff;
    padding-bottom:1rem;
}

@media (min-width: 996px) {.scroll-nav {display:block;}}

.scroll-nav .logo {
    height:7rem;
    margin-left:5rem;
    margin-top:0rem;
}

@media (min-width: 996px) {.scroll-nav .logo {height:7rem; margin-top:-.5rem;}}

/*-- Scroll Nav --*/




/*-- Mobile Floating Navigation --*/

/*-- 'floating-nav' is the navigation bar below 996px --*/


.floating-nav {
    padding-top:1.5rem;
    padding-bottom:1rem;
    display:block;
    background-color:#fff;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    height:9rem;
}

    @media (min-width: 996px) {.floating-nav {
        display:none;
    }}

    .floating-nav ul {
        float:right;
        list-style-type: none;
        margin-top:1rem;
        margin-right:3rem;
    }

        .floating-nav ul li {
            display:inline-block;
            margin-left:2rem;
        }

        @media (min-width: 1100px) {.floating-nav ul li {margin-left:5rem;}}

            .floating-nav ul li .nav-padding {
                text-decoration:none;
                font-family:'Rubik', sans-serif;
                font-size:1.4rem;
                color:#303030;
            }

            @media (min-width: 1100px) {.floating-nav ul li .nav-padding {font-size:1.6rem;}}

            .floating-nav ul li .nav-padding:hover,
            .floating-nav ul li .nav-padding:active {
                color:#BB863D;
                transform:.2s;
            }

.floating-nav img {
    height:6rem;
    margin-left:1rem;
    max-width:200%;
}

.floating-nav .bootcamp-cta {
    margin-top:.5rem;
    display: inline-block;
    font-family: 'Kollektif', sans-serif;
    font-weight: bold;
    padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.9rem !important;
    letter-spacing: .1rem;
}




/*-- Mobile Sidebar --*/

/*-- 'sidenav' is the mobile menu that displays after the 'navbar-trigger' is selected --*/

.navbar-trigger {
    margin-top:.5rem;
    cursor: pointer;
    color:#111;
    font-size:3rem;
    position:absolute;
    top:5%;
    right:15%;
}
    @media (min-width: 768px) {.navbar-trigger {margin-top:.5rem;}}
    @media (min-width: 996px) {.navbar-trigger {display:none;}}

.sidenav {
    height: 102vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(239deg, rgba(24,138,236,1) 0%, rgba(129,87,241,1) 100%);
    overflow-x: hidden;
    padding-top: 60px;
    z-index:9999;
}

.sidebar-logo {
    height:5rem;
    position:absolute;
    top:1.5rem;
    left:1rem;;
}

.sidenav-list {
    margin:2rem 3rem 0 3rem !important;
}

.sec-sidenav-list {
    margin:0 3rem 0 3rem !important;
  }

.sidenav a:hover {color: #ED6F15;}
      
      .sidenav .closebtn {
        position: absolute;
        top: 1.3rem;
        right: 25px;
        font-size: 3rem;
        margin-left: 50px;
        color:#fff;
        text-decoration:none;
      }

      .cover {
        background-color:#fff;
        width:100%;
        height:100%;
        display:none;
        position:fixed;
        z-index:9998;
    }



/*-- Mobile Dropdown Menu --*/


.mobile-nav-link,
.accordion {
    text-decoration:none;
    display:block;
    width: 100%;
    text-align: left;
    color:#fff;
    font-family: 'Rubik', serif;
    font-size:1.8rem;
    font-weight:700;
    border:none;
    background:none;
    outline:none;
    cursor: pointer;
    transition: 0.4s;
    padding-left:0 !important;
}

    @media (min-width: 375px) {.mobile-nav-link, .accordion {font-size:3.2rem;}}
    
      
     .panel {
        padding: 0rem 1rem;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }

      .accordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 13px;
        color: #102F6B;
        float: right;
        margin-left: 5px;
      }
      
      .active:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
      }


    .mobile-nav-link:hover, 
    .mobile-nav-link:active  {
        color:#102F6B; -webkit-transition:.2s; -o-transition:.2s; transition:.2s;
    }

    .nav-btn:link,
    .nav-btn:visited {
        display:inline-block;
        font-family:'Kollektif', sans-serif;
        font-weight:700;
        padding:1.5rem 2.5rem;
        margin-bottom:1rem;
        text-decoration:none; 
        text-transform:uppercase;
        font-size:1.7rem; 
        background-color:#102F6B;
        border-radius:6px;
        color:#fff;
        letter-spacing: .1rem;
    }

        .nav-btn:link,
        .nav-btn:visited {
            color:#fff !important;
        }

    
/*-- Mobile Floating Navigation --*/