/* Clean - secondaryNav, area menu and in content navigation*/
/**********
    Each Theme should have 5 style sheets, with its own set of styles. (Current has **)

    main.css   -- Main HTML elements and universal classes
    brand.css  -- Brand color classes to add to the variety of text on a page
    collegeNav.css   -- Styling for the top navigation bar
 ** secondaryNav.css -- Styling for navigation other than the top College nav bar (for new nav widget 7+)
    (color).css -- The specific coloring for the theme (also in theme name)

**********/

/*  Code to work with 
<div class="sfNavWrp sfNavHorizontalDropDownWrp *Widget Class* ">
    <ul class="sfNavHorizontalDropDown sfNavList k-widget k-reset k-header k-menu k-menu-horizontal" id="IdentityBanner_ctl05_T315E6B15004_ctl00_ctl00_navigationUl" data-role="menu" tabindex="0" role="menubar">
        <li class="sfSel k-item k-state-default k-first" role="menuitem">
            <a href="/wwwdev/teach/science/home" class="k-link">Home</a>
        </li>
        <li class="k-item k-state-default" role="menuitem">
            <a href="/wwwdev/teach/science/financial-support" class="k-link">Financial Support</a>
        </li>
        <li class="k-item k-state-default k-last" role="menuitem">
            <a href="/wwwdev/teach/science/people" class="k-link">People</a>
        </li>
    </ul>
</div>

*Widget Classes*
navCollegeTop
navHorizontalGray
navVerticalArrows

*/

        /* Sitefinity Rad horizontal (gray) Menu */
        div.navHorizontalGray 
        {   
            border: none;
            color: #252525;
            font: Arial, Verdana, Helvetica, Helve, sans-serif ! important;
        }
            .navHorizontalGray .sfNavList {
                    background-color: #C9C9C9 ! important;
                    color: #252525 ! important;
            }
            .navHorizontalGray .k-item {
                    background-image: none ! important;
                    color: #252525 ! important;
            }
            .navHorizontalGray a.k-link { background-color: #C9C9C9; color:#252525; }
            /*.navHorizontalGray a.k-link:focus:after { border-right: 1px solid #252525 ! important; }*/
            .navHorizontalGray .k-link:hover { background-color: #b9b9b9 ! important; }
            .navHorizontalGray .k-link:hover .rtsTxt { text-decoration: none ! important; }
            .navHorizontalGray .sfSel /* selected menu page */
            {       background-color: #d9d9d9 ! important; 
                    font-weight:normal; 
            }

@media all and (min-width: 701px) {


    /******************************************** Skin Override for Sitefinity Navigtaion **********************/

        /* Sitefinity Rad horizontal (gray) Menu */
        div.navHorizontalGray 
        {   
            margin-top:10px; margin-bottom: 0;
        }
            .navHorizontalGray .k-item {
                    border-right: solid 1px #252525;
                    padding-top:2px;
                    margin-bottom: 0;
            }


        /* Sitefinity Rad Vertical (text with > before) Menu */

        .RadTabStripLeft_Default a:hover { background-color: White; }
        .RadTabStripLeft_Default a:before, .RadTabStripRight_Default a:before {
                content:"> ";
                display: inline-block;
                float:left; 
                font-weight:bold;
                margin-top:-2px;
        }
        .RadTabStripLeft_Default .rtsLink, .RadTabStripRight_Default .rtsLink {
                font: 12px/26px Arial,Helvetica,sans-serif; font-weight: bold;
                padding: 0 ! important;
                text-align: left !important;
        }
        .RadTabStripLeft_Default .rtsLast .rtsLink, .RadTabStripRight_Default .rtsLast .rtsLink { 
                border-bottom: none !important; }
        .RadTabStrip .rtsUL { width:90%; }
        .RadTabStrip  .rtsLI { border-right: none !important; }
        .RadTabStrip .rtsLevel1 .rtsTxt { margin-right: 15px; }

}



@media all and (max-width: 700px) {


    /******************************************** Skin Override for Sitefinity Navigtaion **********************/

        /* Sitefinity Rad horizontal (gray) Menu */
        div.navHorizontalGray 
        {   
            margin-top:0; margin-bottom: 0;
        }
            .navHorizontalGray li.k-item {
                    border-right: none;
                    float: none !important;
                    margin-bottom: 0;
                    padding-top:0;
                    width: 100%;
                    text-align:center;
            }
            
            .navHorizontalGray .k-item 
            {
                border:none !important;
            }

            .navHorizontalGray a.k-link  
            {
                border-bottom: thin solid #adadad;
                display:block;
                padding:7px;
                text-align:center;
                font-size: 1.5em;
            }

    /* Sitefinity Rad Vertical (text with > before) Menu */

        .RadTabStripLeft_Default a:hover { background-color: White; }
        .RadTabStripLeft_Default a:before, .RadTabStripRight_Default a:before {
                content:"> ";
                display: inline-block;
                float:left; 
                font-weight:bold;
                margin-top:-2px;
        }
        .RadTabStripLeft_Default .rtsLink, .RadTabStripRight_Default .rtsLink {
                font: 1.1 em; font-weight: bold;
                padding: 0 ! important;
                text-align: left !important;
        }
        .RadTabStrip .rtsLevel1 .rtsTxt {
                font: 1.3em !important; 
                margin-right: 15px; 
        }
        .RadTabStrip  .rtsLI { border-right: none !important; }
        .RadTabStrip .rtsUL { width:100%; }
            
}

/***********************End of media queries***********************/