/* T3 Side Nav General Setup */

.light-bg.side-nav.t3 {
}

.dark-bg.side-nav.t3 {
}

/* End T3 Side Nav General Setup */

/* T3 Side Nav Light Theme Header Styles */

.light-bg.side-nav.t3 header {
	background-color: #1C9BDB; /* $Color4 */
}

.light-bg.side-nav.t3 header h5 {
	color: #060A11; /* $Color2 */
}

.light-bg.side-nav.t3 header a:hover h5 {
	color: #154F6B; /* $Color1 */
}

/* End T3 Side Nav Light Theme Header Styles */

/* T3 Side Nav Dark Theme Header Styles */

.dark-bg.side-nav.t3 header {
	background-color: #154F6B; /* $Color1 */
}

.dark-bg.side-nav.t3 header h5 {
	color: #FFFFFF; /* $White */
}

.dark-bg.side-nav.t3 header a:hover h5 {
	color: #438EB4; /* desaturate($Color4,41%) */
}

/* End T3 Side Nav Dark Theme Header Styles */

/* T3 Side Nav Nav Light Theme Styles */

.light-bg.side-nav.t3 nav > ul {
	border-color: #1C9BDB; /* $Color4 */
}

.light-bg.side-nav.t3 .level-1 {
	border-bottom-color: #1C9BDB; /* $Color4 */
}

.light-bg.side-nav.t3 .level-1 > a {
	color: #060A11; /* $Color2 */
}

.light-bg.side-nav.t3 .level-1 > a:hover, .light-bg.side-nav.t3 .level-1.selected > a, .light-bg.side-nav.t3 .level-1.list-open > a {
	color: #154F6B; /* $Color1 */
}

.light-bg.side-nav.t3 .level-1 > .fly-btn:before, .light-bg.side-nav.t3 .level-1 > .fly-btn:after {
	background-color: #154F6B; /* $Color1 */
}

.light-bg.side-nav.t3 .level-1 > a:hover + .fly-btn:before, .light-bg.side-nav.t3 .level-1 > a:hover + .fly-btn:after {
	background-color: #154F6B; /* $Color1 */
}

.light-bg.side-nav.t3 .level-1 > .fly-btn:hover:before, .light-bg.side-nav.t3 .level-1 > .fly-btn:hover:after {
	color: #060A11; /* $Color2 */
}

.light-bg.side-nav.t3 .fly-list {
	background-color: #1C9BDB; /* $Color4 */
}

.light-bg.side-nav.t3 .level-2 > .fly-list {
	background-color: transparent;
}

.light-bg.side-nav.t3 .level-2 > a {
	color: #060A11; /* $Color2 */
}

.light-bg.side-nav.t3 .level-2 > a:hover, .light-bg.side-nav.t3 .level-2.selected > a {
	color: #154F6B; /* $Color1 */
}

.light-bg.side-nav.t3 .level-3 a {
	color: #060A11; /* $Color2 */
}

.light-bg.side-nav.t3 .level-3 > a:hover, .light-bg.side-nav.t3 .level-3.selected > a {
	color: #060A11; /* $Color2 */
	background-color: #FFFFFF; /* $White */
}

/* End T3 Side Nav Nav Light Theme Styles */

/* T3 Side Nav Nav Dark Theme Styles */

.dark-bg.side-nav.t3 nav > ul {
	background-color: #060A11; /* $Color2 */
	border-color: #154F6B; /* $Color1 */
}

.dark-bg.side-nav.t3 .level-1 {
	border-bottom-color: rgba(0,0,0,0.2);
}

.dark-bg.side-nav.t3 .level-1 > a {
	color: #E7F3F7; /* $Color3 */
}

.dark-bg.side-nav.t3 .level-1 > a:hover, .dark-bg.side-nav.t3 .level-1.selected > a, .dark-bg.side-nav.t3 .level-1.list-open > a {
	color: #1C9BDB; /* $Color4 */
}

.dark-bg.side-nav.t3 .level-1 > .fly-btn:before, .dark-bg.side-nav.t3 .level-1 > .fly-btn:after {
	background-color: #E7F3F7; /* $Color3 */
}

.dark-bg.side-nav.t3 .level-1 > a:hover + .fly-btn:before, .dark-bg.side-nav.t3 .level-1 > a:hover + .fly-btn:after {
	background-color: #E7F3F7; /* $Color3 */
}

.dark-bg.side-nav.t3 .level-1 > .fly-btn:hover:before, .dark-bg.side-nav.t3 .level-1 > .fly-btn:hover:after {
	background-color: #1C9BDB; /* $Color4 */
}

.dark-bg.side-nav.t3 .fly-list {
	background-color: #E7F3F7; /* $Color3 */
}

.dark-bg.side-nav.t3 .level-2 > .fly-list {
	background-color: #060A11; /* $Color2 */
}

.dark-bg.side-nav.t3 .level-2 > a {
	color: #154F6B; /* $Color1 */
}

.dark-bg.side-nav.t3 .level-2 > a:hover, .dark-bg.side-nav.t3 .level-2.selected > a {
	color: #1C9BDB; /* $Color4 */
}

.dark-bg.side-nav.t3 .level-3 a {
	color: #154F6B; /* $Color1 */
}

.dark-bg.side-nav.t3 .level-3 > a:hover, .dark-bg.side-nav.t3 .level-3.selected > a {
	color: #154F6B; /* $Color1 */
}

/* End T3 Side Nav Nav Dark Theme Styles */