/*!

* Tabby v11.2.0: Simple, mobile-first toggle tabs.
* (c) 2016 Chris Ferdinandi
* MIT License
* http://github.com/cferdinandi/tabby
*/

/**

* Tab content
*/

/* line 4, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane {

border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
transform: translateY(40px);
transition: opacity 250ms ease-in, transform 300ms ease-in;

}

/* line 14, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane.active {

clip: auto;
height: auto;
margin: 0;
opacity: 1;
overflow: visible;
position: static;
transform: translateY(0px);

}

/* line 23, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane:focus {

outline: none;

}

// custom styling .tabs {

margin-bottom: var(--spacing-4);
text-align: center;

}

.tabs li {

display: inline-block;
font-size: var(--font-size-1);
margin-right: var(--spacing-3);

}

.tabs a {

background-color: var(--meka-body);
color: var(--meka-accent);
padding: var(--spacing-2) var(--spacing-3);

}

.tabs a:hover, .tabs .active a {

color: var(--meka-body);

}

.tabs a:hover {

background-color: var(--dva-secondary-dark);

}

.tabs .active a {

background-color: var(--meka-matrix);

}