.tabbed-content{background:#fff}.tabs ul{margin:0;padding:0 0 1em 0;font-weight:700}.tabs ul li{background:#eee}.tabs ul li a{padding:.5em 1em;text-decoration:none;background-color:#fff}.tabs ul li a:hover,.tabs ul li a.active{border-bottom:2px solid orange}.item{margin-bottom:2px}.item::before{cursor:pointer;font-weight:700;background:#eee;padding:.5em;display:block}.item.active::before{background:#444;color:#eee}.item.active .item-content{padding:1em;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}@media all and (min-width:800px){.item.active .item-content{padding-top:0}.tabs-side .tabs li{margin-bottom:2px}}.tabbed-content .tabs{display:none}.tabbed-content .item{min-height:2em}.tabbed-content .item::before{content:attr(data-title)}.tabbed-content .item .item-content{opacity:0;visibility:hidden;height:0}.tabbed-content .item.active .item-content{opacity:1;visibility:visible;height:auto}@media all and (min-width:800px){.tabbed-content .tabs{display:block}.tabbed-content .tabs li{display:inline-block}.tabbed-content .tabs li a{display:block}.tabbed-content .item{min-height:0}.tabbed-content .item::before{display:none}.tabbed-content.tabs-side .tabs{width:20%;float:left}.tabbed-content.tabs-side .tabs li{display:block}.tabbed-content.tabs-side .item{margin-left:150px}}