/**
 * CLEAN
 * ------
 * Note: Prefix the template styles with <TEMPLATE FOLDER NAME>-horizontal/vertical
 */

/**************************
    - Horizontal Tabs -
**************************/
div.clean-horizontal {
	position:relative;
	clear:both;
	width:100%;
}

/*******************************************
    - Directional buttons (Horizontal) -
*******************************************/


div.clean-horizontal > div.st_tabs a.st_prev, div.clean-horizontal > div.st_tabs a.st_next {
    display: none;
    position: absolute;
    top: 0px;
    z-index: 110;
    height: 90px;
    width: 90px;
    text-indent: -999em;
    outline: none;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background: #345df6;
    background-position: center !important;
}


div.clean-horizontal > div.st_tabs a.st_next {
    background-image: url(/wp-content/uploads/2024/01/next.png) !important;
}


div.clean-horizontal > div.st_tabs a.st_prev{
    background-image: url(/wp-content/uploads/2024/01/prev.png) !important;
}


div.clean-horizontal > div.st_tabs a.st_prev {
	left:0px;
	background-position:center -2px;
}

div.clean-horizontal > div.st_tabs a.st_prev:hover {	
	background-position:center -182px;
}

div.clean-horizontal > div.st_tabs a.st_next {
	right:0px;
	background-position:center -92px;
}

div.clean-horizontal > div.st_tabs a.st_next:hover {
	background-position:center -272px;
}

div.clean-horizontal > div.st_tabs a.st_prev.st_btn_disabled, 
div.clean-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	cursor:default;
	
}

div.clean-horizontal > div.st_tabs a.st_prev.st_btn_disabled {
	background-position:center -362px;
}

div.clean-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	background-position:center -452px;
}

/****************************
    - Tabs (Horizontal) -
****************************/
div.clean-horizontal > div.st_tabs {	
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:90px;
	margin-bottom:-1px;
	overflow:hidden;
}
div.clean-horizontal.st_sliding_active > div.st_tabs {
	height:90px;
}
div.clean-horizontal > div.st_tabs div.st_tabs_wrap {
	position:relative !important;
	width:100%;
}

div.clean-horizontal.st_sliding_active > div.st_tabs div.st_tabs_wrap {
	width:auto !important;
	margin:0px 90px;
}

div.clean-horizontal > div.st_tabs ul {
	width:10000px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.clean-horizontal > div.st_tabs ul li {
	display:block;
	float:left;
	margin:0px;
}

div.clean-horizontal > div.st_tabs ul li a {
	display:block;
	height:63px;
	margin:0px;
	padding:25px 23px;
	font:bold 20px/43px Arial, Helvetica, sans-serif;	
	color:#FFF;
	text-decoration:none;
	outline:none;
	background:#285aff;
	text-transform: uppercase;
	    font-family: "Roboto", sans-serif;
}

div.clean-horizontal > div.st_tabs ul li a:hover {
	color:#FFF;
	background:#0c2567;
}

div.clean-horizontal > div.st_tabs ul li a.st_tab_first {
	border-left:1px solid #ccc;
}

div.clean-horizontal.st_sliding_active > div.st_tabs ul li a.st_tab_first {
	border-left:0 none;
}

div.clean-horizontal.st_sliding_active > div.st_tabs ul li a.st_tab_last {
	border-right:0 none;
}

div.clean-horizontal > div.st_tabs ul li a.st_tab_active {
	padding-bottom: 2px;
    background: #ff9a3a;
    background: linear-gradient(90deg, #ea3423 0%, #ef8733 100%);
    color: #ffffff;
}

/*******************************
    - Content (Horizontal) -
*******************************/
div.clean-horizontal > div.st_views {
	position:relative;
	z-index:5;
	height:760px;
	padding:0px !important;
	line-height:19px;

	overflow:hidden;
}

div.clean-horizontal > div.st_views div.st_view {
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:none;
	background-repeat:no-repeat !important;
	background-position:0px 0px !important;
	background-color:transparent !important;
}

div.clean-horizontal > div.st_views div.st_view_inner {
	padding-top:30px;
	padding-bottom:30px;
}

div.clean-horizontal > div.st_views div.st_view_first {
	display:block;
}

/*******************************************
    - Bottom aligned tabs (Horizontal) -
*******************************************/
div.clean-horizontal.align_bottom {
	margin-bottom:45px;
}

div.clean-horizontal.align_bottom > div.st_tabs {
	position:absolute;
	bottom:-44px;
	left:0px;
	margin-bottom:0px;
}

div.clean-horizontal.align_bottom.st_sliding_active > div.st_tabs {
	border-top:0 none;
}

div.clean-horizontal.align_bottom > div.st_tabs ul li a.st_tab_active {
	padding-bottom:0px;
	border-top-color:#fff;
}

div.clean-horizontal.align_bottom > div.st_tabs ul li a {
	border-bottom:1px solid #ccc;
}