
/* EDITED ORIGINAL FROM BODY OF NEW_TABS.HTML */

.tabs__radio:nth-of-type(1):checked ~ .tabs__list > li:nth-of-type(1) label,
.tabs__radio:nth-of-type(2):checked ~ .tabs__list > li:nth-of-type(2) label,
.tabs__radio:nth-of-type(3):checked ~ .tabs__list > li:nth-of-type(3) label,
.tabs__radio:nth-of-type(4):checked ~ .tabs__list > li:nth-of-type(4) label,
.tabs__radio:nth-of-type(5):checked ~ .tabs__list > li:nth-of-type(5) label,
.tabs__radio:nth-of-type(6):checked ~ .tabs__list > li:nth-of-type(6) label,
.tabs__radio:nth-of-type(7):checked ~ .tabs__list > li:nth-of-type(7) label,
.tabs__radio:nth-of-type(8):checked ~ .tabs__list > li:nth-of-type(8) label,
.tabs__radio:nth-of-type(9):checked ~ .tabs__list > li:nth-of-type(9) label,
.tabs__radio:nth-of-type(10):checked ~ .tabs__list > li:nth-of-type(10) label,
.tabs__radio:nth-of-type(11):checked ~ .tabs__list > li:nth-of-type(11) label,
.tabs__radio:nth-of-type(12):checked ~ .tabs__list > li:nth-of-type(12) label,
.tabs__radio:nth-of-type(13):checked ~ .tabs__list > li:nth-of-type(13) label,
.tabs__radio:nth-of-type(14):checked ~ .tabs__list > li:nth-of-type(14) label,
.tabs__radio:nth-of-type(15):checked ~ .tabs__list > li:nth-of-type(15) label,
.tabs__radio:nth-of-type(16):checked ~ .tabs__list > li:nth-of-type(16) label,
.tabs__radio:nth-of-type(17):checked ~ .tabs__list > li:nth-of-type(17) label,
.tabs__radio:nth-of-type(18):checked ~ .tabs__list > li:nth-of-type(18) label,
.tabs__radio:nth-of-type(19):checked ~ .tabs__list > li:nth-of-type(19) label,
.tabs__radio:nth-of-type(20):checked ~ .tabs__list > li:nth-of-type(20) label,
.tabs__radio:nth-of-type(21):checked ~ .tabs__list > li:nth-of-type(21) label,
.tabs__radio:nth-of-type(22):checked ~ .tabs__list > li:nth-of-type(22) label,
.tabs__radio:nth-of-type(23):checked ~ .tabs__list > li:nth-of-type(23) label,
.tabs__radio:nth-of-type(24):checked ~ .tabs__list > li:nth-of-type(24) label,
.tabs__radio:nth-of-type(25):checked ~ .tabs__list > li:nth-of-type(25) label,
.tabs__radio:nth-of-type(26):checked ~ .tabs__list > li:nth-of-type(26) label,
.tabs__radio:nth-of-type(27):checked ~ .tabs__list > li:nth-of-type(27) label {

	/* background: #f5e9e9; */
	padding: 0.3em;			/* WIDTH OF ACTIVE TAB WHEN CLICKED */
	background-image: linear-gradient(#bda5a2, #fff);
	z-index: 3;
}
.tabs__radio:nth-of-type(1):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: 0; }
.tabs__radio:nth-of-type(2):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -100%; }
.tabs__radio:nth-of-type(3):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -200%; }
.tabs__radio:nth-of-type(4):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -300%; }
.tabs__radio:nth-of-type(5):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -400%; }
.tabs__radio:nth-of-type(6):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -500%; }
.tabs__radio:nth-of-type(7):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -600%; }
.tabs__radio:nth-of-type(8):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -700%; }
.tabs__radio:nth-of-type(9):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -800%; }
.tabs__radio:nth-of-type(10):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -900%; }
.tabs__radio:nth-of-type(11):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1000%; }
.tabs__radio:nth-of-type(12):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1100%; }
.tabs__radio:nth-of-type(13):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1200%; }
.tabs__radio:nth-of-type(14):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1300%; }
.tabs__radio:nth-of-type(15):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1400%; }
.tabs__radio:nth-of-type(16):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1500%; }
.tabs__radio:nth-of-type(17):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1600%; }
.tabs__radio:nth-of-type(18):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1700%; }
.tabs__radio:nth-of-type(19):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1800%; }
.tabs__radio:nth-of-type(20):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1900%; }
.tabs__radio:nth-of-type(21):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2000%; }
.tabs__radio:nth-of-type(22):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2100%; }
.tabs__radio:nth-of-type(23):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2200%; }
.tabs__radio:nth-of-type(24):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2300%; }
.tabs__radio:nth-of-type(25):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2400%; }
.tabs__radio:nth-of-type(26):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2500%; }
.tabs__radio:nth-of-type(27):checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2600%; }

/* IE8 COMPENSATES */
.tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: 0; }
.tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -100%; }
.tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -200%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -300%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -400%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -500%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -600%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -700%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -800%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -900%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1000%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1100%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1200%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1300%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1400%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1500%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1600%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1700%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1800%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -1900%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2000%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2100%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2200%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2300%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2400%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2500%; }
.tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio + .tabs__radio--checked ~ .tabs__container > .tabs__panel:first-child { margin-left: -2600%; }

.tabs__radio:nth-of-type(1):checked ~ .tabs__container > .tabs__panel:nth-child(1),
.tabs__radio:nth-of-type(2):checked ~ .tabs__container > .tabs__panel:nth-child(2),
.tabs__radio:nth-of-type(3):checked ~ .tabs__container > .tabs__panel:nth-child(3),
.tabs__radio:nth-of-type(4):checked ~ .tabs__container > .tabs__panel:nth-child(4),
.tabs__radio:nth-of-type(5):checked ~ .tabs__container > .tabs__panel:nth-child(5),
.tabs__radio:nth-of-type(6):checked ~ .tabs__container > .tabs__panel:nth-child(6),
.tabs__radio:nth-of-type(7):checked ~ .tabs__container > .tabs__panel:nth-child(7),
.tabs__radio:nth-of-type(8):checked ~ .tabs__container > .tabs__panel:nth-child(8),
.tabs__radio:nth-of-type(9):checked ~ .tabs__container > .tabs__panel:nth-child(9),
.tabs__radio:nth-of-type(10):checked ~ .tabs__container > .tabs__panel:nth-child(10),
.tabs__radio:nth-of-type(11):checked ~ .tabs__container > .tabs__panel:nth-child(11),
.tabs__radio:nth-of-type(12):checked ~ .tabs__container > .tabs__panel:nth-child(12),
.tabs__radio:nth-of-type(13):checked ~ .tabs__container > .tabs__panel:nth-child(13),
.tabs__radio:nth-of-type(14):checked ~ .tabs__container > .tabs__panel:nth-child(14),
.tabs__radio:nth-of-type(15):checked ~ .tabs__container > .tabs__panel:nth-child(15),
.tabs__radio:nth-of-type(16):checked ~ .tabs__container > .tabs__panel:nth-child(16),
.tabs__radio:nth-of-type(17):checked ~ .tabs__container > .tabs__panel:nth-child(17),
.tabs__radio:nth-of-type(18):checked ~ .tabs__container > .tabs__panel:nth-child(18),
.tabs__radio:nth-of-type(19):checked ~ .tabs__container > .tabs__panel:nth-child(19),
.tabs__radio:nth-of-type(20):checked ~ .tabs__container > .tabs__panel:nth-child(20),
.tabs__radio:nth-of-type(21):checked ~ .tabs__container > .tabs__panel:nth-child(21),
.tabs__radio:nth-of-type(22):checked ~ .tabs__container > .tabs__panel:nth-child(22),
.tabs__radio:nth-of-type(23):checked ~ .tabs__container > .tabs__panel:nth-child(23),
.tabs__radio:nth-of-type(24):checked ~ .tabs__container > .tabs__panel:nth-child(24),
.tabs__radio:nth-of-type(25):checked ~ .tabs__container > .tabs__panel:nth-child(25),
.tabs__radio:nth-of-type(26):checked ~ .tabs__container > .tabs__panel:nth-child(26),
.tabs__radio:nth-of-type(27):checked ~ .tabs__container > .tabs__panel:nth-child(27) {
	height: auto;
}
