privdayz.com

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

.mkdf-tabs {
	@include mkdfRelativeHolderLayout();
	
	.mkdf-tabs-nav {
		@include mkdfRelativeHolderLayout();
		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 mkdfTransition(color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out);
			}
		}
	}
	
	.mkdf-tab-container {
        box-sizing: border-box;
		@include mkdfRelativeHolderLayout();
		
		p {
			margin: 0;
		}
	}
	
	&.mkdf-tabs-standard {
		
		.mkdf-tabs-nav {
			
			li {
				
				a {
					padding: 10px 25px;
					font-size: 17px;
					line-height: 25px;
					font-weight: 400;
					letter-spacing: 1px;
					color: #000;
					border-bottom: 1px solid $first-main-color;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: #fff;
					background-color: $first-main-color;
					border-bottom: 1px solid $first-main-color;
				}
			}
		}
		
		.mkdf-tab-container {
			margin: 25px 0 0;
		}
	}
	
	&.mkdf-tabs-boxed {
		
		.mkdf-tabs-nav {
			
			li {
				margin: 0 12px 0 0;
				
				a {
					padding: 10px 25px;
					font-size: 17px;
					line-height: 25px;
					font-weight: 400;
					letter-spacing: 1px;
					color: $first-main-color;
					background-color: #fff;
				    border: 1px solid $first-main-color;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: #fff;
					background-color: $first-main-color;
					border: 1px solid $first-main-color;
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.mkdf-tab-container {
			margin: 25px 0 0;
		}
	}
	
	&.mkdf-tabs-simple {
		
		.mkdf-tabs-nav {
			
			li {
				margin: 0 31px 0 0;
				
				a {
					padding: 3px 0;
					font-size: 18px;
					line-height: 26px;
					font-weight: 400;
					color: #000;
				}
				
				&.ui-state-active a,
				&.ui-state-hover a {
					color: $default-heading-color;
					border-bottom: 1px solid $first-main-color;
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.mkdf-tab-container {
			padding: 31px 0;
		}
	}
	
	&.mkdf-tabs-vertical {
		display: table;
		
		.mkdf-tabs-nav {
			display: table-cell;
			vertical-align: top;
			width: 140px;
			height: 100%;
			border-right: 1px solid #000;
			box-sizing: border-box;
			
			li {
				display: block;
				float: none;
				padding: 12px 0;
				text-align: center;
				
				a {
					font-size: 17px;
					line-height: 26px;
					font-weight: 400;
					color: #000;
					display: block;

				}
				
				&.ui-state-active,
				&.ui-state-hover {
					background-color: #000;
					a {
						color: #fff;
					}

					@include mkdfTransition(all ease 0.5s);
				}
				
				&:last-child {
					margin: 0;
				}
			}
		}
		
		.mkdf-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
   ========================================================================== */