/* ==========================================================================
   Accordions shortcode style - begin
   ========================================================================== */

.eltdf-accordion-holder {
    @include eltdfRelativeHolderLayout();

    .eltdf-accordion-title {
        position: relative;
        cursor: pointer;
        margin: 0;
        box-sizing: border-box;
        @include eltdfTransform(translateZ(0px));
        @include eltdfTransition(color .2s ease-out, background-color .2s ease-out);
	
	    .eltdf-tab-title {
		    display: block;
		    line-height: inherit;
	    }

        .eltdf-accordion-mark {
            position: absolute;
            top: 50%;
	        left: 0;
            width: 20px;
	        height: 18px;
	        margin: -1px 0 0;
	        font-size: 18px;
	        line-height: 18px;
            text-align: center;
            @include eltdfTransform(translateY(-50%));
	
	        span {
		        position: absolute;
		        display: block;
		        width: 100%;
		        height: 100%;
		        font-size: inherit;
		        line-height: inherit;
		        @include eltdfTransition(opacity .2s ease-out);
		
		        &:before {
			        display: block;
			        line-height: inherit;
		        }
		        
		        &.eltdf_icon_minus {
			        opacity: 0;
		        }
		        
		        &.eltdf_icon_plus {
			        opacity: 1;
		        }
	        }
        }
	    
	    &.ui-state-active {
		
		    .eltdf-accordion-mark {
			    
			    span {
				    
				    &.eltdf_icon_minus {
					    opacity: 1;
				    }
				    
				    &.eltdf_icon_plus {
					    opacity: 0;
				    }
			    }
		    }
	    }
    }

    .eltdf-accordion-content {
        margin: 0;
	    
	    p {
		    margin: 0;
	    }
    }
	
	&.eltdf-ac-boxed {
		
		&.eltdf-white-skin {
			
			.eltdf-accordion-title {
				background-color: #fff;
			}
		}
		
		.eltdf-accordion-title {
			margin: 15px 0 0;
			padding: 13px 20px 13px 40px;
			background-color: #f7f7f9;
			
			&:first-child {
				margin: 0;
			}
			
			.eltdf-accordion-mark {
				left: 10px;
			}
			
			&.ui-state-active,
			&.ui-state-hover {
				color: #fff;
				background-color: $first-main-color;
			}
		}
		
		.eltdf-accordion-content {
			padding: 21px 0 6px;
		}
	}
	
	&.eltdf-ac-simple {
		border-bottom: 1px solid $default-border-color;
		
		.eltdf-accordion-title {
			padding: 17px 0 17px 30px;
			border-top: 1px solid $default-border-color;
		}
		
		.eltdf-accordion-content {
			border-top: 1px solid transparent;
			
			&.ui-accordion-content-active {
				border-color: $default-border-color;
			}
		}
		
		.eltdf-accordion-content {
			padding: 21px 0 16px;
		}
	}
}
/* ==========================================================================
   Accordions shortcode style - end
   ========================================================================== */