/* KMI Template Base: Version 7.0 */
@media all {
	
	/*************************************************
	* Powermail Placeholder Design
	*************************************************/
	
	.tx-powermail {
		width: 100%;
	}
	.tx-powermail h3,
	.powermail_legend,
	.parsley-errors-list	{
		display: none;
	}
	.powermail_label {
		position:absolute;
		opacity:0;
		font-size:10px;
		line-height:10px;
		margin:-12px 0 0 0;
	}	
	.powermail_fieldwrap {
		position:relative;
		display: block;
		width: 100%;
		clear: both;
		margin: 0 0 1.5em 0;
	}
	.powermail_field .powermail_input,
	.powermail_field textarea,
	.powermail_check_outer,
	.powermail_radio_outer  {
		width: calc(100% - 2em - 2px);
	}
	.powermail_field select {
		width: 100%;
	}	
	.powermail_field .powermail_input,
	.powermail_field .powermail_submit,
	.powermail_field select,
	.powermail_field textarea {
		padding: 1em;
		border: 1px solid #ccc;
		font-family: inherit;
	}
	.powermail_field textarea {
		resize: vertical;
	}	
	.powermail_fieldwrap_type_check label,
	.powermail_fieldwrap_type_radio label {
		position:relative;
		display:block;
		font-size:1em;
		line-height:1.5em;
		opacity:1;
		margin:0 0 0.25em 0;
	}
	.powermail_fieldwrap_type_check .powermail_field:after,
	.powermail_fieldwrap_type_radio .powermail_field:after{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}	
	.powermail_field .checkbox,
	.powermail_field .radio {
		float:left;
		width:50%;
	}
	.powermail_field:focus,
	.powermail_input:focus {
		outline: none;
		border: 1px solid #222;
		-webkit-transition: all 0.7s;	
		-moz-transition: all 0.7s;
		-ms-transition: all 0.7s;
		-o-transition: all 0.7s;		
	}
	.powermail_field:-webkit-input-placeholder {color: #222;}
	.powermail_field:-moz-placeholder {color: #222;}
	.powermail_field:-moz-placeholder {color: #222;}
	.powermail_field:-ms-input-placeholder {color: #222;}
	.powermail_field:focus::-webkit-input-placeholder { color: transparent; }
	.powermail_field:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
	.powermail_field:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
	.powermail_field:focus:-ms-input-placeholder { color: transparent; }
	.parsley-error {
		border: 1px solid #da0a0a;
	}
	.powermail_submit {
		width: 33.33%;
		color: #333;
		background: #eee;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;	
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		cursor: pointer;
		float: right;
        margin-right: calc(2em + 2px);
	}
	.powermail_submit:hover,
	.powermail_submit:focus {
		border-color: #333;
		background:#333;
		color:#fff;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;	
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
	}
	
	/*************************************************
	* Fancybox
	*************************************************/
	
	.kmi-lightbox .fancybox-skin {
		border-radius: 0px;
	}
	.kmi-lightbox .fancybox-close {
		width: 25px;
		height: 25px;
		top: 0;
		right: 0;		
		background-image: url('../img/close.png');
		background-color: rgba(255,255,255,0.4);
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto
	}
	.kmi-lightbox .fancybox-title-float-wrap .child {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-shadow: none;
		font-size: 1.2em;
	}	
    
    /*************************************************
	* FE User
	*************************************************/		
	
	#content > .tx-felogin-pi1 h3 {
		padding:0;
	}
	.tx-felogin-pi1 input {
		padding: 3px;
		border: 1px solid #ccc;
		margin-bottom:5px;
	}
	.tx-felogin-pi1 .logout {
		margin-top:0.5em;
	}	

	/*************************************************
	* Galleria
	*************************************************/	
	
	.gallery43 .galleria,
	.gallery169 .galleria {
		width:100%; 
	}
	
	.galleria-theme-classic {
		background:transparent;
		margin-bottom:1em;
	}
	.galleria-theme-classic .galleria-stage {
		top:0;
		right:0;
		left:0;
		bottom:85px;
	}
	.galleria-theme-classic .galleria-thumbnails-container {
		height:80px;
		left:0;
		right:0;
	}
	.galleria-theme-classic .galleria-thumbnails .galleria-image {
		height:80px !important;
		border: none;
	}
	.galleria-theme-classic .notouch .galleria-thumbnails-container .disabled:hover{
		opacity:1;
		background-color:#dcdcdc;
	}
	.galleria-theme-classic .galleria-thumb-nav-left,
	.galleria-theme-classic .galleria-thumb-nav-right {
		height:80px;
		background-position: -495px 22px;
		background-color:#bfbfbf;
	}	
	.galleria-theme-classic .galleria-thumb-nav-right {
		background-position: -578px 22px;
	}	
	.galleria-theme-classic .galleria-counter {
		background:#000000;
		color:#ffffff;
		padding:5px;
		opacity:0.7;
		left:0;
		bottom:0;
	}	
	.galleria-lightbox-shadow {
		display:none;
	}

	/*************************************************
	* News
	*************************************************/	

    .news-list-view .article h3 {
        margin-top:0;
        margin-bottom:0.5em;
    }    
    .news-list-view h3 a,
    .news-list-view h3 a:visited {
        text-decoration:none;
        color:#000;
    }    
    .news-list-view .article,
    .news-list-view .article:last-child {
        background:#f5f5f5;
        padding:1em;
        margin:2em 0;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }      
    .news-list-view .footer {
        border:none;
    }    
    .news-list-view .article .footer a.more,
    #content .news-single .news-backlink-wrap a {
        background:#0c5297;
        padding:5px 10px;
        color:#fff;
        text-decoration:none;
        border-radius:0;
        -webkit-transition: border-radius 0.4s; /* Safari */
        transition: border-radius 0.4s;         
    }
    #content .news-list-view .article .footer a.more:hover,
    #content .news-single .news-backlink-wrap a:hover {
        border-radius:10px; 
        color:#fff;
        -webkit-transition: border-radius 0.4s; /* Safari */
        transition: border-radius 0.4s;        
    }
    .news-list-view .news-list-date {
        float:right;
    }
    #content .news-single .article .teaser-text p { 
        font-size:1em;
        font-weight:bold;
        color:#000;
    }     
    .news-single .article > .social {
        border-top: 1px solid #eee;
        margin-top:2em;
        padding-top:2em;
    }
    .news-single .article > .social > div {
        margin-bottom:5px;
    }
    
    /* News - Comments */
    .tx-news-comment .form-comment textarea,
    .tx-news-comment .form-comment input {
        width: calc(100% - 2em - 2px);
		padding: 1em;
		border: 1px solid #ccc;
		font-family: inherit;        
    }
    .tx-news-comment ul li:before {
        content: none;
        padding:0;
    }   
    .tx-news-comment .comment-entry {
        background:#f5f5f5;
        padding:1em;
        margin:2em 0;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);       
    }
    .tx-news-comment ul {
        margin:0;
    }
    .tx-news-comment ul li {
        text-indent:0;
    }
    .tx-news-comment .comment-footer {
        display:flex;
        line-height: 28px;
        justify-content:space-between;
        padding-top:0.5em;
    }
    .tx-news-comment .comment-footer .hide-comment-rating-box {
        float:left;
        padding-right:0.5em;
    }
    .tx-news-comment .form-comment {
        margin-bottom:2em;
    }
    .tx-news-comment #comment-description {
        max-width:100%;
    }
    .tx-news-comment #newsCommentSubmit {
		width: 33.33%;
		color: #333;
		background: #eee;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;	
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		cursor: pointer;
		float: right;
	}
    .tx-news-comment #newsCommentSubmit:hover,
    .tx-news-comment #newsCommentSubmit:focus {
		border-color: #333;
		background:#333;
		color:#fff;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;	
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
	}    
 
    
}