.sidebar_menu, .widget-area { width: 23%; float: left; vertical-align: top; margin-top: 3em; h1{ position:relative; margin-top: 0; padding: 0.7em; padding-left: 26px; color: rgba(42, 42, 42, 0.8); font-family: "Roboto Condensed",sans-serif; font-weight: 700; font-size: 14px; line-height: 1; letter-spacing: .3px; text-transform: uppercase; margin-bottom: 0.5em; } h1:before { content: ""; display: block; width: 14px; height: 14px; border: 2px solid #8a8a8a; background: #8a8a8a; border-radius: 100px; position: absolute; top: 50%; left: 0px; z-index:5; transform: translateY(-50%); } h1:after { content: ""; display: block; width: 1px; height: 50px; border-left: 1px solid rgba(0,0,0,0.2); background: #fff; border-radius: 100px; position: absolute; top: 50%; left: 6px; z-index:4; } #nav_explore, .widget ul { list-style: none; margin: 0em; padding: 0em; li { position: relative; a { display: block; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; font-family: "Roboto Condensed",sans-serif; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: .3px; padding: .8em 0em; padding-left: 26px; margin-top: 0; margin-bottom: 0; text-transform: uppercase; .nav_text { font-family: "Roboto Condensed",sans-serif; } .nav_text:before { content: ""; display: block; width: 14px; height: 14px; border: 2px solid rgba(0,0,0,0.5); background: #fff; border-radius: 100px; position: absolute; top: 50%; left: 0px; z-index:5; transform: translateY(-50%); } .nav_text:after { content: ""; display: block; width: 1px; height: 60px; border-left: 1px solid rgba(0,0,0,0.2); background: #fff; border-radius: 100px; position: absolute; top: 50%; left: 6px; z-index:4; transform: translateY(-50%); } } a:hover, a:focus{ padding-left: 36px; } } li:last-child{ a{ border-bottom: none; .nav_text:last-child:after { top: auto; bottom: 0px; } } } } } .widget-area{ aside{ padding-left: 0.6em; } aside:first-child{ padding-left: 0em; } }