/*
    Description: 	Tabs Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Body & Container
	-------------------------------------------------- */

	body {
	    background-color:#eee;
	}

/*	--------------------------------------------------
	:: Tabs minimal
	-------------------------------------------------- */

    .tabs-minimal .label{
		border:none;
		background:none;
    }
    
     .tabs-minimal .label .homeicon-about{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/icon-about.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-about{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/gicon-about.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-masks{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/icon-masks.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-masks{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/gicon-masks.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-quill{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/icon-quill.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-quill{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/gicon-quill.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-tag{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/icon-tag.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-tag{
		padding-bottom: 20px;
		width: 55px;
		height: 55px;
		background-image: url("/theme/images/newUI/gicon-tag.png");
		background-size: contain;
		background-repeat:no-repeat;
		margin: auto;
    }
    
    
	
	.tabs-minimal .label,
	.tabs-minimal .label i{
		color:#777; 
    }
	
	.tabs-minimal .input:checked + .label,
	.tabs-minimal .input:checked + .label i{
		color:#026c59; 
		
    }

    .tabs-minimal ul li{

        border:none;		
    }
	
	.tabs-minimal h4 {
	    color:#333;	
    }

    .tabs-minimal p {
	    color:#000;	
    }
    
/* tabs minimal smaller screen
	* --------------------------------------- */
@media screen and (max-width: 868px) {

     .tabs-minimal .label .homeicon-about{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-about{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-masks{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-masks{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-quill{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-quill{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
         .tabs-minimal .label .homeicon-tag{
		width: 35px;
		height: 35px;
		margin: auto;
    }
    
     .tabs-minimal input:checked + .label .homeicon-tag{
		width: 35px;
		height: 35px;
		margin: auto;
    }
}