@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);

/*====== DROP DOWN NAV =========*/


.navDesktop li {
    list-style: none;
}

#dropNav.navDesktop > div > ul > li > ul {
    width: 70% !important;
    right: 15% !important;
    min-width: 700px !important;
    position: absolute;
    z-index: 1000;
}

#dropNav.navDesktop > div > ul > li.brand > ul {
    width: 90% !important;
    right: 5% !important;
}

#dropNav.navDesktop > div > ul > li > ul > li.category_head {
    float: left;
    display: block;
    padding: 0px;
    width: 30%;
    margin: 0 1%;
    padding: 10px 0px;
}

#dropNav.navDesktop > div > ul > li > ul > li h3 {
    font-family: "proxima-nova-extrabold", Helvetica, Arial, sans-serif;
    color: #333333;
    font-weight: 900;
    margin: 12px 0px 6px !important;
    padding: 0px 0px 0px 5px;
    font-size: 16px;
}

#dropNav.navDesktop > div > ul > li > ul > li.category_head > ul{
    padding: 0px;
}


#dropNav.navDesktop > div > ul > li > ul > li.category_head > ul > li {
    margin: 5px 0px;
}

#dropNav.navDesktop > div > ul > li > ul > li.category_head > ul > li a {
    color:#333333;
    text-decoration: none;
    font-family: verdana, sans-serif;
    font-size: 11px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    padding: 5px;
    display: block;
}

#dropNav.navDesktop > div > ul > li > ul > li.category_head > ul > li a:hover {
    color:#111111;
    background-color: #dddddd;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    text-decoration: none;
}

#dropNav.navDesktop > div > ul > li > ul > li > ul.sub_category {
    width: 46%;
    display: block;
    float: left;
    margin-right:2%;
    margin-top:20px; 
}

#dropNav.navDesktop > div > ul > li.brand > ul > li > ul > li {
    margin: 3px 0px !important;
}
#dropNav.navDesktop > div > ul > li > ul a {
    padding: 2px 5px !important;
}


/*=======  WOMEN SPECIFIC ======*/


#dropNav.navDesktop > div > ul > li.women .sub_category {
    width: 100%;
}

#dropNav.navDesktop > div > ul > li.women li.category_head {
    width: 30% !important;
}

#dropNav.navDesktop > div > ul > li > ul > li#footwear{width: 24%;}
#dropNav.navDesktop > div > ul > li > ul > li#clothing, #dropNav.navDesktop > div > ul > li > ul > li#accessories {width: 34%;}
*/

/*=======  BRAND SPECIFIC ======*/

#dropNav.navDesktop > div > ul > li.brand > ul > li {
    padding: 0px;
    width: 19%;
    display: block;
    float: left;
    margin: 0px 0px 0px 10px;
}


#dropNav.navDesktop > div > ul > li.brand > ul > li > ul {padding: 0;}

#dropNav.navDesktop > div > ul > li.brand > ul > li > ul > li {
    margin: 3px 0px;
}

#dropNav.navDesktop > div > ul > li.brand > ul a {
    padding: 2px 5px;
    color: #333333;
    text-decoration: none;
    font-family: verdana, sans-serif;
    font-size: 11px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    display: block;
    
}

#dropNav.navDesktop > div > ul > li.brand > ul a:hover {
    background-color: #dddddd;
     -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
}

li.letter_title {
    font-family: "proxima-nova-extrabold", Helvetica, Arial, sans-serif !important;
    color: #111111 !important;
    font-weight: 900 !important;
    margin: 12px 0px 6px !important;
    padding: 0px 0px 0px 5px !important;
    font-size: 16px !important;
}
/*==========================================================================================================
============================================================================================================
============================================================================================================
================================================ BASKET ====================================================
============================================================================================================
============================================================================================================
===========================================================================================================*/

#basket-quickitems #basketTotals > span {
    display: block;
    font-family: "proxima-nova-medium", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
}

/*====== State change attributed to // basket.js // =========*/
.nav-down {
  opacity: 1;
}

.nav-up {
  opacity: 0.5;
}



/*====== SPECIAL CALLOUT IN DROPDOWN =========*/

ul.special_callout {
    display: block;
    position: relative;
    background:#E7C756;
    top: 100px;
}

ul.special_callout.women_summer {
    display: block;
    position: relative;
    background:#d9c1e1;
    top: 100px;
}

.special_callout li.content_spot {
    padding: 20px 20px;
}    

.content_spot a {
    font-size: 18px !important;
    font-weight: 100;
    font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif !important;
    color: #ffffff !Important;
}


#dropNav.navDesktop > div > ul > li > ul > li.category_head > ul > li.content_spot a:hover {
    background-color: transparent !important;
}


















/*====== Line 2418 =========*/
#home {
    padding: 0px 10px;
    overflow: visible;
}

/*====== STYLING FOR RESPONSIVE =========*/

/*====== HEAD NAV 1200 =========


@media (max-width: 1200px){

#dropNav.navDesktop > div > ul > li {
    margin: 0px 0px 0px 0px;
}

#dropNav.navDesktop > div > ul > li.linkClearance {
    margin-right: 10px;
}

}*/

/*====== HEAD NAV 800 =========
@media (max-width: 800px) {
        
        #dropNav.navDesktop > div > ul > li.brand > ul a {
            padding: 10px 5px;
            font-size: 10px;
        }


        #dropNav.navDesktop > div > ul > li > ul > li.letter_title{
            margin: 16px 0px 10px !important;
        }

        #dropNav.navDesktop > div > ul > li > ul > li.category_head > ul > li a {
            font-size: 10px;
            padding: 10px 5px;
        }

        #dropNav.navDesktop > div > ul > li > ul {
            width: 90%;
        }


}
*/
/*
@media (max-width: 768px){

#dropNav.navDesktop > div > ul > li > a {
    font-size: 14px;
}

#searchButton {
    font-size: 14px;
    left: 160px;
}

}


/*====== END DROP DOWN NAV =========*/