/* ==========================================================================
   Tabs shortcode style - begin
   ========================================================================== */

.eltdf-tabs {
	@include eltdfRelativeHolderLayout();
	
	.eltdf-tabs-nav {
		@include eltdfRelativeHolderLayout();
		margin: 0;
		padding: 0;
		list-style: none;
		
		li {
			float: left;
			margin: 0;
			padding: 0;
			
			a {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				box-sizing: border-box;
				@include eltdfTransition(color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out);
			}
		}
	}
	
	.eltdf-tab-container {
        box-sizing: border-box;
		@include eltdfRelativeHolderLayout();
		
		p {
			margin: 0;
		}
	}
	
	&.eltdf-tabs-standard {
		
		.eltdf-tabs-nav {
			
			li {
				
				a {
					padding: 7px 26px;
					font-size: 11px;
					line-height: 25px;
					font-weight: 400;
					letter-spacing: 1px;
					color: $default-heading-color;
					background-color: $additional-background-color;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: #fff;
					background-color: $first-main-color;
				}
			}
		}
		
		.eltdf-tab-container {
			margin: 25px 0 0;
		}
	}
	
	&.eltdf-tabs-boxed {
		
		.eltdf-tabs-nav {
			
			li {
				margin: 0 12px 0 0;
				
				a {
					padding: 7px 26px;
					font-size: 11px;
					line-height: 25px;
					font-weight: 400;
					letter-spacing: 1px;
					color: #fff;
					background-color: $default-heading-color;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: #fff;
					background-color: $first-main-color;
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.eltdf-tab-container {
			margin: 25px 0 0;
		}
	}
	
	&.eltdf-tabs-simple {
		
		.eltdf-tabs-nav {
			border-bottom: 1px solid $default-border-color;
			
			li {
				margin: 0 3px 0 0;
				
				a {
					padding: 14px 17px;
					font-size: 21px;
					font-weight: 300;
					color: $first-main-color;
					font-style: italic;
					font-family: $addition-text-font;
					position: relative;

					&:after {
						content: '';
						width: 0;
						height: 1px;
						opacity: 0;
						left: 50%;
						bottom: -1px;
						position: absolute;
						background-color: $first-main-color;
						@include eltdfTransition(all .2s ease);
						transform: translateX(-50%);
					}
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					&:after {
						opacity: 1;
						@include eltdfTransition(all .2s ease);
						width: 100%;
					}
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.eltdf-tab-container {
			padding: 31px 0;
			border-bottom: 1px solid $default-border-color;
		}
	}
	
	&.eltdf-tabs-vertical {
		display: table;
		
		.eltdf-tabs-nav {
			display: table-cell;
			vertical-align: top;
			width: 140px;
			height: 100%;
			border-right: 1px solid $default-border-color;
			box-sizing: border-box;
			
			li {
				display: block;
				float: none;
				margin: 0 0 24px;
				
				a {
					font-size: 18px;
					line-height: 26px;
					font-weight: 400;
					color: #999;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: $default-heading-color;
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.eltdf-tab-container {
			display: table-cell;
			vertical-align: top;
			width: calc(100% - 140px);
			height: 100%;
			padding: 0 0 0 45px;
			box-sizing: border-box;
		}
	}
}

.ui-widget-content {
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	border: 0;
	border-radius: 0;

    .ui-widget-header {
	    font-size: inherit;
	    line-height: inherit;
	    font-weight: inherit;
	    color: initial;
	    background: none;
	    border: 0;
        border-radius: 0;
    }
	
    .ui-tabs-nav {
	    
        li {
	        position: initial;
	        font-weight: inherit;
	        color: inherit;
	        background: initial;
	        border: 0;
	        border-radius: 0;
        }
    }

    .ui-widget-content {
	    color: inherit;
	    background: none;
	    border: 0;
        border-radius: 0;
    }
}
/* ==========================================================================
   Tabs shortcode style - end
   ========================================================================== */