/* KMI Template Base: Version 5.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;
		font-size: 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,
	.powermail_field textarea:focus,
	.powermail_submit: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;
	}
	.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;
	}
	.powermail_submit {
	    &.disabled {
	        background-color:#d6db4c;
	        border:none;
	        cursor:progress;
	        &:hover {
	            border:none;
	            cursor:progress;
	        }
	    }
	}
	/*************************************************
	* 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;
	}

	/*************************************************
	* 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
	*************************************************/

	/* List-view Home */
	.news .news-list-view {
    display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.news-list-view > div {
		position:relative;
		width:30%;
	}
	.news .article:last-child {
		margin-bottom:25px;
	}
	.news-list-view .article {
		box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
		margin-bottom: 25px;
	}
	.news-list-view .header,
	.news .date,
	.news .teaser-text {
		clear: both;
	}
	.news-list-view .header {
		color:#fff;
		background: -moz-linear-gradient(-45deg,  #07417e 0%, #074485 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #07417e 0%,#074485 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #07417e 0%,#074485 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07417e', endColorstr='#074485',GradientType=0 ); /* IE6-9 */
	}

	.news-list-view .header a {
		text-decoration: none;
		font-size: 1em;
		color:#fff;
		display:block;
		padding:15px 7px;
		line-height: 1.25em;
		font-weight: normal;
	}
	.news-list-view .teaser-text {
		padding: 5px 7px;
		margin:0;
	}
	.news-list-view .date-category {
		color: #777;
		padding:8px 7px 0 7px;
	}
	.news-list-view .date-category p{
		margin:0;
	}
	.news-list-view .date-category .news-list-date {

	}
	.news-list-view .date-category .news-list-date:after {
		content:"-";
		margin-top:-2px;
	}
	.teaser-text a.more {
		position:absolute;
		bottom:5px;
		display:block;
		text-align:right;
		width:calc(100% - 14px);
		color:#074485;
	}

	.news-list-view .footer {
		display: none;
	}

	/* Detail */
	.news-single h3 {
		font-size: 1.2em;
	}
	.news-single .article .news-img-wrap {
		width: auto;
	}

	/* Fix for Newsletter PDF */
	.news-list-view h3 a[href$=".pdf"] {
		background:none;
	}

	.news-list-view a[href$=".pdf"] {
		width:calc(100% - 34px);
	}

	/* Home News Boxes */
	#home .news-list-view .header,
	#home .news-list-view > div {
		margin:0;
	}
	#home .news-list-view > div {
		width:calc(22%);
	}
	#home .news-list-view .article {
		background:#074485;
		color:#fff;
		background: -moz-linear-gradient(-45deg,  #07417e 0%, #074485 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #07417e 0%,#074485 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #07417e 0%,#074485 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07417e', endColorstr='#074485',GradientType=0 ); /* IE6-9 */
	}
	#home .news-list-view .header {
		background:none;
	}
	#home .news-list-view .date-category,
	#home .teaser-text a.more {
		color:#fff;
	}

	/* Links */
	.news-backlink-wrap {
		border-top: 1px solid #ccc;
		padding-top: 5px;
		margin-top: 30px;
	}
	.news-backlink-wrap a:visited {
		color: #c3512f !important;
	}

	/* Pagination*/
	#content .page-navigation {
		width: 100% ! important;
		margin: 0;
		border-top: 1px solid #ccc;
		padding: 10px 0 0 0;
		border-bottom: none;
	}
	#content .page-navigation:first-child {
		border-bottom: 1px solid #ccc;
		border-top: none;
		padding: 0;
		margin: 0 0 25px 0;
		height: 30px;
	}
	.page-navigation li:before {
		content: none !important;
	}
	#content .page-navigation li {
		padding: 0 10px;
		text-indent: 0;
	}
	.news .page-navigation a {
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}
	.news .page-navigation a:hover {
		color: #c3512f;
	}



	.news-clear {
		display: none;
	}

	/*************************************************
	* FeLogin
	*************************************************/

	.tx-felogin-pi1 legend {
		display:none;
	}

	.tx-felogin-pi1 form {
		margin-top:1em;
	}

	.tx-felogin-pi1 input {
		padding: 12px;
		border: 1px solid #ccc;
		font-family: inherit;
		font-size: inherit;
		width: 50%;
	}

	.tx-felogin-pi1 input[type="submit"] {
		margin-top:0.5em;
		width:25%;
	}
	.tx-felogin-pi1 label {
    	display: block;
	}
	/*************************************************
	* FeManager
	*************************************************/
	.tx-femanager .form-control  {
	    padding: 12px;
	    border: 1px solid #ccc;
	    font-family: inherit;
	    font-size: inherit;
	    width: 50%;
	}
	.tx-femanager .radio {
		padding-right: 40px;
		line-height: 40px;
	}

	.tx-femanager .btn-large {
	padding: 12px;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	width: 50%;
	margin-top: 0.5em;
	width: 25%;
	}


	.tx-femanager .alert {
	    display: block;
	    color: red;
	    line-height: 30px;
	}
	.tx-femanager .close , .tx-femanager .alert h4{
	    display: none;
	}

	/*************************************************
	* filelist
	*************************************************/
	.filelist-folderlist ul{
		list-style: none;
	}
	.filelist-folderlist li{
		display: block;
		list-style: none;
		margin-bottom:8px;

	}
	.content ul.filelist-folderlist li::before{
		content:"";
		padding:0;
	}
	.filelist-folderlist li a {
		line-height:40px;
		font-size: 14px;
		font-weight: bold;
		color: black;
		text-align: center;
		text-decoration: none;
		text-transform: capitalize;
	}
	.filelist-folderlist li a span{
		color:#000;
	}
	.filelist-folderlist li a span:hover{
		text-decoration: none;
		color:#000;
	}
	.filelist-folderlist li img, .tx-filelist img  {
		margin-right: 8px;
		display: inline-block;
		vertical-align: middle;
		width: 50px;
		height: auto;
	}
	.filelist-folderlist li span {
		font-size: 12px;
		margin-left:4px;
	}
	.filelist-folderlist li span:hover {
		text-decoration: none;
		color:#000;
	}
	.tx-filelist .media a{
		padding:7px 0 7px 0;
		display: block;
		text-decoration: none;
		color: #000;
		text-transform: capitalize;
		font-size:14px;
	}
	.tx-filelist .media a:hover{
		color:#c7c7c7;
	}
	.tx-filelist a[href$=".pdf"] {
		background-image: none;
		padding-left: 0;
	}
	.filelist-parentfolder {
		margin-bottom:20px;
	}
}