﻿/*! Skeletabs v2.1.3-alpha.0 | MIT License */
.skltbs-tab-group {
	margin: 0;
	padding: 0;
	list-style: none;
}

.skltbs-tab-group::after {
	content: "";
	clear: both;
	display: table;
}

.skltbs-tab-item {
	float: left;
	margin: 0 6px 0 0;
}

.skltbs-tab {
	display: block;
	position:relative;
	padding: 1em 1.25em;
	color: inherit;
	border: 0;
	font-family: inherit;
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.skltbs-tab:hover {
	cursor:pointer;
}

.skltbs-tab:disabled {
	background: transparent;
	cursor: not-allowed;
	-ms-touch-action: none;
	touch-action: none;
}

.skltbs-panel {
	margin: 2px 0 0 0;
	padding: 15px 10px;
}

.skltbs-panel-heading {
	margin-top: 6px;
}

.skltbs-panel-heading:first-child {
	margin-top: 0;
}

.skltbs-panel-heading .skltbs-tab {
	width: 100%;
}

/* Vertical stacked tabs */
/* container contains floated elements - clearfix */
.vert-tabs::after {
	content: "";
	display: table;
	clear: both;
}
.vert-tabs .skltbs-tab-group {
	float:left;
	width:30%;
	margin-bottom:1.5em;
}
.vert-tabs .skltbs-tab-item {
	display:block;
	margin:0 0 6px 0;
	float:none;
}
.vert-tabs .skltbs-tab {
	display:block;
	width:100%;
}
.vert-tabs .skltbs-panel-group {
	float:left;
	width:70%;
	border-top:0 !important;
}
.vert-tabs .skltbs-panel {
	margin: 0 0 0 2px;
	padding: 5px 5px 15px 25px;
}
.vert-tabs.skltbs-mode-accordion .skltbs-panel {
	margin:2px 0 0 0;
	padding: 10px 5px 15px 5px;
}
.vert-tabs .vert-panel-hdr {
	/* green underline block */
	border-bottom:2px solid #324b25;
	margin-top:-10px;
	/* green background block
	background:#324b25;
	color:white;
	padding-left:.5em;
	margin-top:-5px;
	*/
}

/* change vertical mode panels back to full width in mobile */
@media only screen and (max-width: 767px) {
	.vert-tabs .skltbs-panel-group {
		width:100%;	
	}
}


/* give accordion mode heading icon some space - padding right in parent */
.skltbs-mode-accordion button.skltbs-tab {
	padding:1em 2.75em 1em 1em;
}
/* accordion mode heading icon (expand panel icon) */
.skltbs-mode-accordion button.skltbs-tab i:last-of-type {
	position:absolute;
	right: .75em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:1.25em;
	color:inherit;
}
/*** accordion heading icon options ***/
/* show a down arrow for expanded heading */
.skltbs-mode-accordion button.skltbs-tab.skltbs-active i:last-of-type {
	display:inherit;
}
.skltbs-mode-accordion button.skltbs-tab.skltbs-active i:last-of-type:before {
	/*content: '\e80b';  code for 'icon-down-big' */
	content: '\e826'; /* code for 'icon-minus' */
}
/* - OR - /*
/* hide icon after heading is expanded 
.skltbs-mode-accordion button.skltbs-tab.skltbs-active i:last-of-type {
	display:none;
}
*/


/****************   BECKER-GREEN theme   *********************/
/* our 'green' theme - keeping same look & feel as previous */

.becker-green {
	color: inherit;
}

.becker-green .skltbs-tab {
	background: #d6dbd3;
	background:rgba(50,75,37,0.2);
}

.becker-green .skltbs-tab:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 3px black;
	box-shadow: 0 0 0 3px black;
}

.becker-green .skltbs-tab:disabled {
	color: #ccc;
	background: transparent;
}

.becker-green .skltbs-tab.skltbs-active {
	color: #fff;
	background:#324b25;
	background:rgba(50,75,37,1.0);
}

.becker-green .skltbs-tab:not(.skltbs-active):hover {
	background:#adb7a8;
	background:rgba(50,75,37,.4);
}

.becker-green .skltbs-panel {
	border: 2px solid transparent;
}

.becker-green .skltbs-panel:focus {
	outline: 0;
	border-color: #ccc;
}

.becker-green.skltbs-mode-tabs .skltbs-panel-group {
	position: relative;
	border-top: 3px solid #324B25;
}


/****************   News accordion control theme   *********************/
/* keeping same look & feel as previous news control version  */

.news-container {
	margin-bottom:1.5em;
	border:6px #aa9 double;
}
.news-container .news-title {
	font-family:"Open Sans Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	margin:2px 2px 5px 2px;
	background:#475d3b;
	background:rgba(50,75,37,.9);
	color:white;
	padding:.2em .5em;
}
.news-container .news-title i {
	float:right;
	margin-left:.5em;
}
.becker-news {
	color: inherit;
	margin: 0 8px 8px 8px;
}
.becker-news .skltbs-tab {
	background:#d9d9cc;
	background:rgba(102,102,51,.25);
}
.becker-news.skltbs-mode-accordion button.skltbs-tab {
	font-size: 1.1em;
	padding:.75em 1em .75em 2.75em;
}
.becker-news.skltbs-mode-accordion button.skltbs-tab i:last-of-type {
	left: .5em; /* push icon to left of button for news accordion */
}
.becker-news .skltbs-tab:hover {
	outline: 0;
	-webkit-box-shadow: 0 0 0 1px black;
	box-shadow: 0 0 0 1px black;
}
.becker-news .skltbs-tab:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 2px black;
	box-shadow: 0 0 0 2px black;
}
.becker-news .skltbs-tab:disabled {
	color: #ccc;
	background: transparent;
}
.becker-news  .skltbs-tab.skltbs-active {
	color: #fff;
	background:#324b25;
	background:rgba(50,75,37,1.0);
	color:black;
	background:#b3b399;
	background:rgba(102,102,51,.5);
}
.becker-news .skltbs-tab:not(.skltbs-active):hover {
	background:#adb7a8;
	background:rgba(50,75,37,.4);
	background:#c9c9b8;
	background:rgba(102,102,51,.35);
}

.becker-news .skltbs-panel-heading {
	margin-top:4px;
}
.becker-news .skltbs-panel {
	border: 2px solid transparent;
}
.becker-news .skltbs-panel:focus {
	outline: 0;
	border-color: #ccc;
}
.becker-news .skltbs-panel p {
	margin-bottom:1em;
}
.becker-news .skltbs-panel p:last-of-type {
	margin-bottom:0;
}
.becker-news .skltbs-panel p a {
	padding:0 .075rem;
	/*color:#008000;  aa */
	/*color:#78021A;  aaa */
	/*color:#79280f;  aaa */
	color:#070; /* aa */
	text-decoration:underline;
	text-decoration-color:#070;
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-position: under;
	text-underline-offset:0.0625rem;
}
.becker-news .skltbs-panel p a:hover, .becker-news .skltbs-panel p a:focus-visible {
	color:#050;
	text-decoration-color:inherit;
	text-decoration-thickness: max(3px, 0.1875rem);
	outline: 1px solid #070;
	outline-offset:0;
}


