/***************** Responsive Nav ******************/ nav { display: none; } /*! responsive-nav.js 1.0.39 by @viljamis */ .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse.opened { max-height: 9999px; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .nav-collapse ul { padding: 20px 0px 0px 0px; margin: 0px; border: 0px; width: 100%; display: inline-block; list-style: none; } .nav-collapse ul li { background: #63ba4b; width: 100%; display: inline-block; /* background: linear-gradient(to bottom, #ccffcc 0%,#63ba4b 20%, #63ba4b 80%,#ccffcc 100%); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; */ border-bottom: 1px #ccffcc solid; } .nav-collapse ul li.no-background { background: none; } .nav-collapse ul ul { margin: 0px; padding: 0px; } .nav-collapse ul ul li { display: inline-block; width: 100%; /* background: linear-gradient(to bottom, #ccffcc 0%,#63ba4b 20%, #63ba4b 80%,#ccffcc 100%); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; */ } .nav-collapse a { display: inline-block; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; width: 100%; padding: 15px 15px; } .nav-collapse ul ul a { padding-left: 30px; } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ .nav-toggle { font-family: "Material Icons"; font-size: 50px; text-decoration: none; color: #5ebd48; display: block; padding:23px 8px 10px 5px; margin-top: 0px; float: right; } .nav-toggle::before { content:""; } .nav-toggle.active::before { content:""; }