
/*
 * Widgetkit Accordion: Default Style
 */


.yoo-alphaindex								{ text-align:center; padding:0 10px; }
.yoo-alphaindex>*							{ display:inline-block; padding: 2px 4px; margin: 0 2px 5px 0; }
.yoo-alphaindex>a							{ text-decoration:none; padding: 2px 8px; border:1px solid #009f99; width:14px; text-align:center; }
.yoo-alphaindex>a:hover						{ background:#009f99; color:#fff; }

/*
----------------------------------------------------------------------------------------------------*/

.wk-yoo-accordion { margin-bottom: -10px; }

.wk-yoo-accordion .toggler {
	margin-bottom: 0;
	padding: 0;
	border: none;
	border-bottom: 2px solid #fff;
	background: #fff;
}

.wk-yoo-accordion object						{ pointer-events:none; }

/*
----------------------------------------------------------------------------------------------------*/

.wk-yoo-accordion .content 						{ padding: 10px; }
.wk-yoo-accordion .uk-container 				{ padding: 0; }
.wk-yoo-accordion .toggler-inner .uk-container 	{ line-height:66px; }
.wk-yoo-accordion .wk-content					{ padding: 40px 10px; }
.wk-yoo-accordion .toggler-inner				{ background:rgba(73, 98, 103, 0.35); color:#fff; font-size:50px; transition:background .5s; vertical-align: middle; }
.wk-yoo-accordion .toggler-inner:hover			{ background:rgba(0, 175, 170, 0.9); }

.wk-yoo-accordion .toggler-inner .arrow			{ display:inline-block; line-height:50px; width:20%; height:40px; vertical-align: middle; }
.wk-yoo-accordion .toggler-inner .arrow	object	{ max-height:100%; transition: transform .5s; }
.wk-yoo-accordion .uk-active .toggler-inner .arrow	object	{ -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.wk-yoo-accordion .toggler-inner .caption		{ display:inline-block; line-height:50px; vertical-align: middle; }

.wk-yoo-accordion .toggler-inner				{ height:130px; padding:30px; box-sizing:border-box; }
.wk-yoo-accordion .toggler:nth-child(1)			{ background-position:0 0; }
.wk-yoo-accordion .toggler:nth-child(3)			{ background-position:0 -130px; }
.wk-yoo-accordion .toggler:nth-child(5)			{ background-position:0 -260px; }
.wk-yoo-accordion .toggler:nth-child(7)			{ background-position:0 -390px; }
.wk-yoo-accordion .toggler:nth-child(9)			{ background-position:0 -520px; }
.wk-yoo-accordion .toggler:nth-child(11)		{ background-position:0 -650px; }
.wk-yoo-accordion .toggler:nth-child(13)		{ background-position:0 -780px; }
.wk-yoo-accordion .toggler:nth-child(15)		{ background-position:0 -910px; }
.wk-yoo-accordion .toggler:nth-child(17)		{ background-position:0 -1040px; }
.wk-yoo-accordion .toggler:nth-child(19)		{ background-position:0 -1170px; }
.wk-yoo-accordion .toggler:nth-child(21)		{ background-position:0 -1300px; }


@media (max-width:1024px) {

	.wk-yoo-accordion .toggler-inner				{ font-size:30px; height:110px; padding:20px; }
	.wk-yoo-accordion .toggler-inner .arrow			{ line-height:24px;; height:24px;; width:40px; }
	.wk-yoo-accordion .toggler-inner .caption		{ line-height:24px;;  }
	.wk-yoo-accordion .toggler:nth-child(1)			{ background-position:-650px 0; }
	.wk-yoo-accordion .toggler:nth-child(3)			{ background-position:-650px -110px; }
	.wk-yoo-accordion .toggler:nth-child(5)			{ background-position:-650px -220px; }
	.wk-yoo-accordion .toggler:nth-child(7)			{ background-position:-650px -330px; }
	.wk-yoo-accordion .toggler:nth-child(9)			{ background-position:-650px -440px; }
	.wk-yoo-accordion .toggler:nth-child(11)		{ background-position:-650px -550px; }
	.wk-yoo-accordion .toggler:nth-child(13)		{ background-position:-650px -660px; }
	.wk-yoo-accordion .toggler:nth-child(15)		{ background-position:-650px -770px; }
	.wk-yoo-accordion .toggler:nth-child(17)		{ background-position:-650px -880px; }
	.wk-yoo-accordion .toggler:nth-child(19)		{ background-position:-650px -990px; }
	.wk-yoo-accordion .toggler:nth-child(21)		{ background-position:-650px -1100px; }

}

@media (max-width:767px) {

	.wk-yoo-accordion .toggler-inner .uk-container 	{ line-height:38px; }
	.wk-yoo-accordion .toggler-inner .arrow			{ line-height:30px; height:30px; }
	.wk-yoo-accordion .toggler-inner .caption		{ line-height:30px;  }

	.wk-yoo-accordion .content 						{  }
	.wk-yoo-accordion .wk-content					{ padding: 20px 10px; }
	.wk-yoo-accordion .toggler-inner				{ font-size:26px; }
	.wk-yoo-accordion .toggler-inner:hover			{ }

	.wk-yoo-accordion .toggler-inner				{ height:80px; padding:20px; }
	.wk-yoo-accordion .toggler:nth-child(1)			{ background-position:-650px 0; }
	.wk-yoo-accordion .toggler:nth-child(3)			{ background-position:-650px -80px; }
	.wk-yoo-accordion .toggler:nth-child(5)			{ background-position:-650px -160px; }
	.wk-yoo-accordion .toggler:nth-child(7)			{ background-position:-650px -240px; }
	.wk-yoo-accordion .toggler:nth-child(9)			{ background-position:-650px -320px; }
	.wk-yoo-accordion .toggler:nth-child(11)		{ background-position:-650px -400px; }
	.wk-yoo-accordion .toggler:nth-child(13)		{ background-position:-650px -480px; }
	.wk-yoo-accordion .toggler:nth-child(15)		{ background-position:-650px -560px; }
	.wk-yoo-accordion .toggler:nth-child(17)		{ background-position:-650px -1040px; }
	.wk-yoo-accordion .toggler:nth-child(19)		{ background-position:-650px -1170px; }
	.wk-yoo-accordion .toggler:nth-child(21)		{ background-position:-650px -1300px; }

}
@media (max-width:479px) {

	.wk-yoo-accordion .toggler-inner				{ font-size:18px; }
	.wk-yoo-accordion .toggler-inner .arrow			{ line-height:30px; height:30px; width:40px; }
	.wk-yoo-accordion .toggler-inner .caption		{ line-height:30px;  }

}
