/* CSS Document */
/**
 * This file is part of AKB - ALHENA MODULE
 * @package     AKB Project - Branka Framework Extensions  
 * @version		1.1
 * @author		Andrea Bini, Ing. Nicola Panizza
 * @copyright 	Copyright (C) 2018 Andrea Kozul Bini s.r.l.c.r.
 * @license		Copyrighted Commercial Software
 * Site:        akbproject.com
 * Email:       info@akbproject.com
*/


/* genereic class */

.AKBALHmodule {
width: 100%;
}

.AKBBASEcontainer_image_displaynone {
	display:none;}

/* THEME 1 TH1  ******************************************/
/*****************************************************/
.AKBALHmodule-TH1 {}
.AKBBASEcontainer-TH1 {
		display: flex;
		flex-flow: row nowrap;
}	
	
.AKBBASEcontainer_image-TH1 {}	
.AKBBASEcontainer_editor-TH1 {
	width: 100%;
}
.AKBBASEcontainer_image-TH1 {order:1;}	
.AKBBASEcontainer_editor-TH1 {order:2;}
.AKBBASEcontainer_textarea-TH1 {order:3;}
.AKBALHtextarea-TH1{}
.AKBBASEcontainer_textarea-TH1 {}
.AKBBASEcontainer_image-TH1 {}

.AKBALHimage-TH1 {
	display:block;
	height:100%;
	width:100%;
	}

.AKBBASEcontainer_editor-TH1 {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
	
.AKBBASEcontainer_editor-TH1:hover {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}

.AKBALHeditor-TH1 {
	display:block;
	height: 100%;
	}	
	
.AKBALHeditor_content-TH1 {
	display:block;
	margin-bottom:10px; 
	}
	
.AKBALHlink-TH1 {
	display:table;
	margin:0 auto;
	padding-bottom:15px;
	}

.AKBALHlink-TH1 a {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}

.AKBALHlink-TH1 a:hover {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}	
	
.AKBALHlink_color-TH1 {
	-webkit-transition: background-color 200ms ease-out 200ms;
	-moz-transition: background-color 200ms ease-out 200ms;
	-o-transition: background-color 200ms ease-out 200ms;
	transition: background-color 200ms ease-out 200ms;
	padding:12px;
	margin-top:20px;
	display:inline-block
    }

.AKBALHlink_color-TH1:hover {
	padding:12px;
	text-decoration:none;
	margin-top:20px;
	display:inline-block
    }

@media screen and (max-width: 767px) {
.AKBBASEcontainer-TH1 {
	display:block;
	max-width:100%;
	}
	
.AKBBASEcontainer_image-TH1 {
	display:block;
	width:100%;
	text-align:center;
	overflow:hidden;
	}
	
.AKBALHimage-TH1 {
	display:block;
	height:100%;
	width:100%;
	float: right;
    overflow: hidden;
	}
	
.AKBBASEcontainer_editor-TH1 {
	display:block;
	width:100%;
	text-align:center;
	}
}	

/* THEME 2 TH2  ******************************************/
/*****************************************************/

.AKBALHmodule-TH2 {}
.AKBBASEcontainer-TH2 {
	display:block;
	position:relative;
	overflow:hidden;
}	
	
.AKBBASEcontainer_image-TH2 {}	
.AKBBASEcontainer_editor-TH2 {}

.AKBBASEcontainer_image-TH2 {order:1;}	
.AKBBASEcontainer_editor-TH2 {order:2;}

.AKBALHtextarea-TH2{}

.AKBBASEcontainer_textarea-TH2 {}
	
.AKBBASEcontainer_image-TH2 {
	float: right;
	overflow: hidden;
}

.AKBALHimage-TH2 {
	display:block;
	height:100%;
	width:100%;
	}

.AKBBASEcontainer_editor-TH2 {
	display:block;
	position:absolute;
	z-index:10;
	overflow:hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}
	
.AKBBASEcontainer_editor-TH2:hover {
	display:block;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}

.AKBALHeditor-TH2 {
	display:block;
	padding:10px;

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}	
	
.AKBALHeditor-TH2:hover {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}	
	
.AKBALHeditor_content-TH2 {
	display:block;
	}
	
.AKBALHlink-TH2 {
	display:table;
	margin:0 auto;
	padding-bottom:15px;
	}

.AKBALHlink-TH2 a {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}

.AKBALHlink-TH2 a:hover {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}	
	
.AKBALHlink_color-TH2 {
	-webkit-transition: background-color 200ms ease-out 200ms;
	-moz-transition: background-color 200ms ease-out 200ms;
	-o-transition: background-color 200ms ease-out 200ms;
	transition: background-color 200ms ease-out 200ms;
	padding:12px;
	margin-top:20px;
	display:inline-block
    }

.AKBALHlink_color-TH2:hover {
	padding:12px;
	text-decoration:none;
	margin-top:20px;
	display:inline-block
    }

@media screen and (max-width: 767px) {
.AKBBASEcontainer-TH2 {
	display:block;
	max-width:100%;
	}
	
.AKBBASEcontainer_image-TH2 {
	display:block;
	width:100%;
	text-align:center;
	overflow: visible;
	}
	
.AKBALHimage-TH2 {
	display:block;
	height:100%;
	width:100%;
	float: none;
    overflow: hidden;
	}
	
.AKBBASEcontainer_editor-TH2 {
	display:block;
	width:100%;
	text-align:center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}
	
.AKBBASEcontainer_editor-TH2:hover {
	display:block;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
	
}	

/************* link ***********/

.AKBALHlink {
	display:table;
	margin:0 auto;
	padding-bottom:15px;
	}

.AKBALHlink a {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	text-decoration: none;
	}

.AKBALHlink a:hover {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s ;
	}	
	
.AKBALHlink_color {
	-webkit-transition: background-color 200ms ease-out 200ms;
	-moz-transition: background-color 200ms ease-out 200ms;
	-o-transition: background-color 200ms ease-out 200ms;
	transition: background-color 200ms ease-out 200ms;
	padding:12px;
	display:inline-block
    }

.AKBALHlink_color:hover {
	padding:12px;
	text-decoration:none;
	display:inline-block
    }