/*
Theme Name: Viral-UAB
Author: HashThemesSanz
AuthorURI: http://ibb.uab.cat
Description: This theme was based in Viral, a responsive WordPress Theme specially designed for magazine, newspaper, news portals, publishing, personal blogs, professional blogs, corporate blogs, and editorial style websites. The theme has repeatable drag and drop section that allows adding as many section as you want with various beautifully designed layouts suitable for magazine, newspaper. The theme consist of 3  unique banner layout to highlight your featured content, 6 unique category section layout, news ticker, promotional headline. There are five different built in widgets in the theme that can be used in the sidebar and footers. Moreover the theme is built is customizer that enable to set up your website with live preview. For demo http://demo.hashthemes.com/viral/
Version: 999
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, grid-layout, custom-logo, footer-widgets, blog, news, portfolio, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Viral is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	-ms-word-wrap: break-word; /* UAB-style */
	word-wrap: break-word; /* UAB-style */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	/* margin: 0; */
	margin: 1em 40px; /* UAB-style */
}

hr {
	-moz-box-sizing: content-box; /* UAB-style */
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box; /* UAB-style */
	-webkit-box-sizing: content-box; /* UAB-style */
	box-sizing: content-box; /* UAB-style */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* 201705 Input fields: placeholder color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #bbb;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #bbb;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #bbb;
}
:-moz-placeholder { /* Firefox 18- */
	color: #bbb;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
	text-align: left; /* 201705 */
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 15px;
	line-height: 1.6;
	font-family: 'Roboto', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400;
	line-height: 1.3;
	font-family: 'Roboto', sans-serif;
}

h1{
	font-size: 30px;
	margin-bottom: 15px;
}

h2{
	font-size: 26px;
	margin-bottom: 15px;
}

h3{
	font-size: 24px;
	margin-bottom: 15px;
}

h4{
	font-size: 22px;
	margin-bottom: 10px;
}

h5{
	font-size: 20px;
	margin-bottom: 10px;
}

h6{
	font-size: 18px;
	margin-bottom: 10px;
}

p {
	font-family: sans-serif;
	margin: 0 0 15px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 15px;
}

address {
	margin: 0 0 15px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}

ul,
ol {
	margin: 0 0 15px 20px;
	margin: 0;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

table {
	margin: 0 0 15px;
	width: 100%;
}

area:focus {
	outline: 0;
	outline: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #01644f; /* UAB-style */ /* #0078af */
	color: #FFF;
	padding: 0 20px;
	border: 0;
	height: 40px;
	line-height: 40px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0E0E0E;
}

button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
	background: #C1C1C1;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #EEE;
	width: 100%;
	padding: 3px 10px;
	height: 40px;
}

select {
	border: 1px solid #EEE;
	padding: 3px;
	height: 40px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	outline: 0;
}

textarea {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { /* UAB-style */
  text-decoration: none;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  color: #000;
}
/*a {
	color: #0078af;
	text-decoration: none;
}*/

a:hover,
a:focus,
a:active {
	color: #01644f; /* UAB-style */
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.vl-clearfix:before,
.vl-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.vl-container:before,
.vl-container:after,
.nav-links:before,
.nav-links:after {
	content: "";
	display: table;
}

.vl-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.vl-container:after,
.nav-links:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.widget-title{
	font-weight: 700;
	border-left: 6px solid #01644f; /* UAB-style */ /* #0078af */
	padding-left: 10px;
	line-height: 1;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 25px;
}

.widget a{
	color: #404040;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* Images with margin */
img.classImg_margin {
	margin: 10px;
}

/* 20170620 Disable buttons backgroudn color for the editor */
.wp-editor-wrap button:hover {
	color: none;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 40px;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {

}

.page-links {
	clear: both;
	margin: 0 0 15px;
}

#primary{
	width: 100%;
	float: none;
	/*width: 49%;
	float: left;*/
}

#secondary{
	width: 100%;
	float: none;
	/*width: 49%;
	float: right;*/
}

.vl-main-header{
	margin-bottom: 30px;
}

.vl-main-header h1{
	margin-bottom: 0;
}

.vl-main-header .taxonomy-description{
	margin-top: 10px;
}

/* 20170602 Error messsages */
p.classDiv_err {
	color: #bf0000;
	/* text-align: center; */
	font-style: italic;
}
p.classDiv_ok {
	color: #3ac335;
	/* text-align: center; */
	font-style: italic;
}
p.classDiv_errMin {
	font-size: 0.85em;
	color: #bf0000;
	font-style: italic;
	padding: 0;
	margin: 0;
}

/* 201704 Page current "path" */
div.vl-path {
	display: block;
	width: 100%;
	margin: 7px 0;
	line-height: 1.1;
	color: #ddd;
}
div.vl-path a {
	display: inline-block;
	font-size: 0.85em;
	margin: 0 5px;
}
div.vl-path > a:last-child {
	color: #01644f;
}
div.vl-path > a:last-child:hover {
	color: #01644f;
}

/* 20170609 Customize the title for the category-page */
div.divClass_category h1 {
	font-size: 25px;
}
div.divClass_category {
    padding: 15px;
    background-color: #00856C;
    color: white;
    line-height: 1;
    border-radius: 10px;
}

/* 201704 */
div.classDiv_header {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	font-size: 18px;
}
div.classDiv_hTitle {
	width: 25%;
	height: 120px;
	color: white;
	padding: 15px;
	float: left;
    overflow: hidden;
    line-height: 1;
    border: 0px;
	border-radius: 10px;
}
div.classColour {
	background-color: #00856C;
}
div.classBlack {
	background-color: #777;
}
div.classDiv_header h1 {
	font-size: 25px;
}
div.classDiv_header p {
	margin: 5px 0 2px 0;
}
div.classDiv_header a {
	margin: 5px 0 2px 0;
	color: white;
}
div.classDiv_header a:hover {
	color: #6fb98f;
}
div.classDiv_hImage {
	width: 74%;
	height: 120px;
	border: 0px;
	border-radius: 10px;
	float: right;
	margin-left: 1%;
	overflow: hidden;
}
/* WordPress styles for section-header */
div.classDiv_hTitle_fullWeight {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	margin: 0;
	padding: 15px;
	float: none;
    overflow: hidden;
	color: white;
    line-height: 1;
    border: 0px;
	border-radius: 10px;
	z-index: 1;
}
div.classDiv_hTitle_fullWeight * {
	font-size: 15px;
	line-height: 1.25;
}

/* Archive Page */

/*.vl-post-info{
	float: left;
	width: 75px;
	background: #01644f;
	color: #FFF;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.vl-post-info .entry-date{
	display: block;
	padding: 10px 0;
}

.vl-post-info .entry-date span{
	display: block;
	text-transform: uppercase;
}

.vl-post-info .entry-date span.vl-day{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}*/

.vl-post-info{
	float: left;
	width: 48px; /* width: 65px; */
	background: none; /* #01644f */ /* UAB-style */ /* #0078af */
	/*color: #FFF;*/
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.vl-post-info .entry-date{
	display: block;
	padding: 5px 0;
}

.vl-post-info .entry-date span{
	display: inline-block;
	text-transform: uppercase;
}

.vl-post-info .entry-date span.vl-day{
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

/*.vl-post-info a{
	display: block;
	background: #EEE;
	color: #0E0E0E;
	text-decoration: none;
	line-height: 1.4;
	padding: 8px 10px;
	text-transform: uppercase;
}

.vl-post-info a span{
	display: block;
	font-size: 11px;
}*/

/* UAB-style for the events date */
div.vl-post-info span.vl-date {
	width: 48px;
	height: 48px;
	margin: 0;
	background: #f4f4f4;
	position: relative;
	/* z-index: 500; */
	border-radius: 5px;
	/* float: left; */
	display: block;
	text-align: center;
}
div.vl-post-item:hover div.vl-post-info {
	background: #01644f;
}
div.vl-post-info span.vl-date span.vl-day {
	width: 32px;
	font-size: 1.569em;
	border-left: 1px solid #00856C;
	height: 38px;
	line-height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px 0;
	display: block;
}
div.vl-post-info span.vl-date span.vl-month {
	font-size: 0.746em;
	width: 48px;
	height: 48px;
	margin: 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	writing-mode: lr-tb;
	text-transform: uppercase;
	display: block;
}

.vl-post-wrapper{
	padding-left: 100px;
}

.entry-figure{
	background: #e2e9de; /* UAB-style */ /* background: #F6F6F6; */
	text-align: center;
	margin-bottom: 15px;
}

.entry-header .entry-title{
	margin-bottom: 15px;
}

.entry-figure + .entry-header{
	background: #FFF;
	position: relative;
	margin-top: -60px;
	width: 90%;
	padding: 15px 0 1px;
}

.entry-header .entry-title a{
	text-decoration: none;
	color: #0E0E0E;
}

.entry-categories{
	font-size: 14px;
	color: #777;
	font-style: italic;
	margin-bottom: 15px;
}

.entry-categories .fa{
	color: #01644f; /* UAB-style */ /* #0078af */
	margin-right: 5px;
}

.entry-categories a{
	color: #666;
	text-decoration: none; 
}

.entry-footer .cat-links,
.entry-footer .tags-links,
.entry-footer .edit-link{
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a,
.entry-footer .edit-link a{
	color: #0E0E0E;
}

.entry-footer .cat-links .fa,
.entry-footer .tags-links .fa,
.entry-footer .edit-link .fa{
	margin-right: 5px;
}

.vl-archive-post{
	margin-bottom: 50px;
}

.vl-archive-post .entry-footer{
	margin-top: 30px;
}

.entry-footer .vl-read-more{
	background: #01644f; /* UAB-style */ /* #0078af */
	height: 40px;
	padding: 0 20px;
	color: #FFF;
	display: inline-block;
	line-height: 40px;
	float: right;
}

.entry-footer .vl-read-more:hover{
	background: #0E0E0E;
}

.entry-footer .vl-share-buttons{
	float: left; /* 20170609 float: left;*/
}
.entry-footer .cat-links{
	float: right; /* 20170609 */
	font-style: italic; /* 20170612 */
	line-height: 40px; /* 20170612 */
}
/* 20170612 */
.entry-footer .cat-links .fa{
	color: #01644f; /* UAB-style */ /* #0078af */
}
.entry-footer .cat-links a{
	color: #666;
}
/* 20170612 */

.vl-share-buttons span{
	margin-right: 10px;
}

.vl-share-buttons a{
	padding: 0 5px;
	font-size: 18px;
	display: inline-block;
}

.vl-share-buttons .fa{
	line-height: 40px;
	display: block;
}

/* Single Page*/
.vl-article-content{
	font-size: 16px;
	line-height: 1.8;
}

.vl-article-content .posted-on{
	font-size: 15px;
	margin-bottom: 20px;
	font-style: italic;
}

.vl-article-content p{
	margin-bottom: 25px;
}

/* 404 Page*/
.error404 .page-content{
	min-height: 200px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget-area ul ul{
	margin-top: 5px;
}

.widget-area ul ul li{
	padding-left: 10px;
}

.widget-area ul ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.widget-area li{
	padding: 6px 0;
}

.widget-area a{
	text-decoration: none;
	color: #404040;
}

.widget-area a:hover{
	color: #01644f; /* UAB-style */ /* #0078af */
}

.widget-area .widget{
	margin-bottom: 40px;
}

/* Contact Info Widget */
.vl-contact-info ul li{
	padding-left: 30px;
}

.vl-contact-info ul li .fa{
	margin-left: -30px;
	float: left;
	margin-top: 6px;
}

.vl-contact-info p{
	margin: 0;
}

/* Personal Info Widget */
.vl-personal-info .vl-pi-image{
	margin-bottom: 20px;
	text-align: center;
}

.vl-personal-info .vl-pi-image img{
	border-radius: 50%;
	max-width: 150px;
}

.vl-personal-info .vl-pi-name{
	margin-bottom: 15px;
	font-size: 1.1em;
	text-align: center;
}

.vl-personal-info .vl-pi-name span{
	position: relative;
}

.vl-personal-info .vl-pi-name span:after{
	content: "";
	position: absolute;
	left: 100%;
	margin-left: 10px;
	width: 20px;
	height: 2px;
	background: #444;
	top: 50%;
	margin-top: -1px;
}

.vl-personal-info .vl-pi-name span:before{
	content: "";
	position: absolute;
	right: 100%;
	margin-right: 10px;
	width: 20px;
	height: 2px;
	background: #444;
	top: 50%;
	margin-top: -1px;
}

.vl-personal-info .vl-pi-intro{
	text-align: center;
}

/* Category Block Widget */
.vl-category_block .vl-post-thumb{
	float: left;
	width: 80px;
}

.vl-category_block .vl-post-content{
	margin-left: 100px;
}

.vl-category_block .posted-on .byline{
	display: none;
}

/* Timeline Widget */
.vl-timeline{
	border-left: 8px solid #F0F0F0;
	padding-left: 25px;
}

.vl-timeline .vl-post-item{
	position: relative;
	margin-bottom: 30px;
}

.vl-timeline .vl-post-item:after{
	content: "";
    position: absolute;
    left: -39px;
    top: 0;
    height: 20px;
    width: 20px;
    background: #FFF;
    border-radius: 50%;
    border: 5px solid #F0F0F0;
}

.vl-timeline .vl-post-item:hover:after{
	background: #01644f; /* UAB-style */ /* #0078af */
}

.vl-timeline .posted-on{
	margin-bottom: 6px;
}

.vl-timeline .posted-on .byline{
	display: none;
}

/* Category Widget */
.widget_categories li:before,
.widget_categories li:after{
	content: "";
	display: table;
}

.widget_categories li:after{
	clear: both;
}

.widget_categories li{
	text-align: right;
}

.widget_categories li a{
	float: left;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.author-email-url{
	margin-left: -2%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	margin-left: 2%;
	width: 31.33333%;
}

.author-email-url input{
	width: 100%;
}

.comment-form .form-submit{
	margin-bottom: 0
}

#comments{
	margin-bottom: 40px;
}

h3#reply-title,
h3.comments-title{
    font-weight: 700;
    border-left: 6px solid #01644f; /* UAB-style */ /* #0078af */
    padding-left: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 30px;
}

.logged-in-as,
.comment-notes{
	font-size: 14px;
}

#comments ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments li.comment{
	margin: 0 0 30px;
}

#comments li.comment .children{
	display: block;
    margin: 30px 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-body {
    margin: 0px;
    position: relative;
}

.comment-list a{
	color: inherit;
}

.comment-list a:hover{
	color: #01644f; /* UAB-style */ /* #0078af */
}

.comment-list .comment-respond{
	margin-top: 20px;
}

.comment-list .vcard img {
	margin-right: 10px;
	vertical-align: middle;
}

.comment-list .vcard .fn{
	font-weight: normal;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

.comment-list .edit-link{
	position: absolute;
	right: 0;
	top: 0;
}

.comment-list .edit-link a{
	font-size: 13px;
	display: inline-block;
	padding: 10px;
}

.comment-list .comment-meta {
	margin-bottom: 15px;
} 

.comment-list .comment-metadata {
	border-top: 1px solid #EEE;
	padding-top: 10px;
	font-size: 13px;
	font-family: 'Roboto Condensed', sans-serif;
}

.comment-list .comment-metadata a {
	float: left;
}

.comment-list .comment-metadata .reply {
	float: right;
}

#cancel-comment-reply-link {
	float: right;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a{
	background: #01644f; /* UAB-style */ /* #0078af */
	color: #FFF;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	position: relative;
}

.comment-navigation .nav-next a{
	margin-right: 13px;
}

.comment-navigation .nav-next a:after{
	content: "";
	position: absolute;
	border-left: 11px solid #01644f; /* UAB-style */ /* #0078af */
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	right: -11px;
}

.comment-navigation .nav-previous a{
	margin-left: 11px;
}

.comment-navigation .nav-previous a:after{
	content: "";
	position: absolute;
	border-right: 11px solid #01644f; /* UAB-style */ /* #0078af */
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	left: -11px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 15px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.vl-boxed{
	background: #EAEAEA;
}

.vl-boxed #vl-page{
	width: 1180px;
	margin: 0 auto;
	background: #FFF;
}

.vl-container{
	width: 1100px;
	/*width: 98%;*/
	margin: 0 auto;
}

.pagination{
	text-align: center;
	margin-bottom: 40px;
}

.pagination a, 
.pagination span{
	background: #01644f; /* UAB-style */ /* #0078af */
	padding: 8px 20px;
	color: #FFF;
	display: inline-block;
	margin: 4px 2px;
}

.pagination span.current,
.pagination a:hover{
	background: #0E0E0E;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#vl-masthead{
	position: relative;
	z-index: 999;
}

.vl-top-header{
	background: #e2e9de; /* UAB-style */ /* #0078af */
	color: #01644f; /* color: #F6F6F6;*/ /* UAB-style */
	padding: 8px 0;
	font-size: 13px;
}

.vl-top-header a{
	color: #000; /* color: #F6F6F6;*/ /* UAB-style */
}

/* UAB-style */
.vl-top-header a:hover{
  color: #01644f; /* UAB-style */ /* #0078af */
}

/* 201703 */
.vl-top-header .vl-container{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}

.vl-top-right-header{
	width: 50%; /* 201703 */ /* max-width: 60%; */
	/*padding-right: 20px;*/ /* 201705 Sincerely, I don't know why I put it */
	float: right;
	text-align: right; /* 201703 */
	font-size: 1.1em; /* 201703 */
}

/*.vl-top-right-header ul#menu-top-menu > span{
	margin-right: 25px;
}*/

/*.vl-top-right-header ul#menu-top-menu > span .fa{
	margin-right: 6px;
}*/

.vl-top-right-header .vl-menu{
	display: inline-block;
}

.vl-top-right-header .vl-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.vl-top-right-header .vl-menu ul li{
	display: inline-block;
	padding: 3px 5px 3px 5px;
}

/* 201703 */
.vl-top-right-header .vl-menu ul li i{
	padding: 0 3px;
}

.vl-top-left-header{
	min-width: 135px; /* 201703 */ /* max-width: 40%; */
	float: left;
}

/* 201703 Start - Middle section: Top header */
.vl-top-middle-header{
	width: 50%;
	min-width: auto;
	/*margin: 0 auto;*/
	padding: 0 10px;
	text-align: left;
}

.vl-top-middle-header > span{
	margin-right: 25px;
}

.vl-top-middle-header > span .fa{
	margin-right: 6px;
}
/* 201703 End - Middel section: Top header */

/* 201705 Hidden checkbox hack: to control show/hide elements via CSS */
input[id^='inputControl_'] {
	display: none;
}

/* 201705 Social media menu */
.vl-social {
	opacity: 0.85;
	list-style: none;
	margin: 0;
	padding-left: 0;
	/*display: inline-block;*/
}
.vl-social li {	
	float: left;
	position: relative;
	font-size: 19px;
	padding: 0 5px;
}

.vl-header{
	padding: 15px 0; /* 201703 */ /* padding: 25px 0; */
}

.vl-header .vl-container{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}

#vl-site-branding{
	float: left;
	min-width: 310px; /* UAB-style */ /*min-width: 372px;*/
	width: 310px;
	margin: 0 10px; /* 201703 */ /* padding: 10px 0; */
	/* align-self: baseline; */ /* 201703 */
	
	/* Avoid the image get blurry when scaled */
	/*image-rendering: -moz-crisp-edges;*/		/* Firefox */
	image-rendering:   -o-crisp-edges;			/* Opera */
	image-rendering: -webkit-optimize-contrast;	/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;	/* IE (non-standard property) */
}

.vl-site-title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 0 0 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1;
}

.vl-site-title a{
	text-decoration: none;
	color: #01644f; /* UAB-style */ /* #0078af */
}

.vl-site-description{
	color: #01644f; /* UAB-style */ /* #0078af */
	margin: 0;
	font-size: 14px;
	font-style: italic;
	line-height: 1;
}

/* 201705 GTranslator */
/*.vl-top-header-translator { 
	display: inline-block;
	min-width: 80px;
	text-align: center;
}*/
/* Not a proper way to set the separator, but 
	last-child selector doesn't work */
/*.vl-top-header-translator a:nth-child(1):after,
.vl-top-header-translator a:nth-child(2):after {
	vertical-align: 1px;
	font-size: 11px;
	content: " | ";
	color: #999;
}*/
/* 201705 Google Translate */
div#google_translate_element {
	display: inline-block; /*display: table*/
}
div#google_translate_element div {
	opacity: 0.9;
}
img.goog-te-gadget-icon {
	display: none;
}
div.goog-te-gadget-simple {
	padding: 0 5px; /*padding-right: 23px;*/
}

/* 201705 Header div */
.viral-top-bar {
	display: inline-block;
	margin: 0px;
}
.viral-top-bar form label input {
	width: 100%;
	height: auto;
	padding: 2px 5px;
	border-radius: 5px;
}

.vl-header-ads{
	/* min-width: 728px; */
	/* float: right; */
	/* 201703 */
	/*width: 1100px;*/
	margin: 0 auto;
	padding: 0; /*padding: 15px 0;*/
}

.vl-header-ads .widget{
	margin-bottom: 0;
}

.vl-header-ads .widget-title{
	display: none;
}

/* 201703 */
.vl-header-ads{
  z-index: 10;
}

/* 201703 */
.content-area{
	padding: 15px 0;
}

/*--------------------------------------------------------------
## Custom slider (plugin: Meta Slider) >> START
--------------------------------------------------------------*/
/* Caption wrap */
.custom_metasl {
	/* 201711 After updating the plugin */
	/*overflow: auto;*/
}
.custom_metasl div div.flexslider ul.slides li div.caption-wrap {
	border-radius: 10px;
	display: inline-block;
	overflow-y: auto;
	max-height: 90%;
	width: 50%;
	/*bottom: 10px;
	margin-left: 10px;*/
	/*margin: 10px;*/
	margin: 10px 10px;
	background: #01644f;
}
/* Scroll bar for the overflow */
.custom_metasl div div.flexslider ul.slides li div.caption-wrap::-webkit-scrollbar {
    width: 2px;
    background: transparent;
}
/* Show scrollbar in red */
.custom_metasl div div.flexslider ul.slides li div.caption-wrap::-webkit-scrollbar-thumb {
    background: #FF0000;
}
/* Bulleted index */
.custom_metasl div div.flexslider ol.flex-control-nav{
	text-align: right;
	height: auto;
	padding: 4px 4px 10px 10px;
}
.custom_metasl div div.flexslider ol.flex-control-nav li{
	margin: auto;
}
.custom_metasl div div.flexslider ol.flex-control-nav li a{
	color: transparent;
	margin: 0 4px;
	width: 6px; height: 6px;
}
.custom_metasl div div.flexslider ol.flex-control-paging li a{
	background: #C6C6C6;
}
.custom_metasl div div.flexslider ol.flex-control-paging li a:hover{
	background: #333;
}
.custom_metasl div div.flexslider ol.flex-control-paging li a.flex-active{
	background: #000;
}
/* Image on hover */
.custom_metasl div div.flexslider ul.slides li a img:hover{
	opacity: 0.75;
}
/* Direction Nav */
.custom_metasl div div.flexslider ul.flex-direction-nav {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0px;
}
.custom_metasl div div.flexslider ul.flex-direction-nav a {
	text-shadow: none;
}
/* Guidelines for old IE versions. Clearfix. Necessary for a UL element? */
/*
.custom_metasl > div > div.flexslider > ul.flex-direction-nav:before,
.custom_metasl > div > div.flexslider > ul.flex-direction-nav:after {
	content: " ";
	display: table;
}
.custom_metasl > div > div.flexslider > ul.flex-direction-nav:after {
	clear: both;
}
.custom_metasl > div > div.flexslider > ul.flex-direction-nav {
	*zoom: 1;
}
*/
.custom_metasl div div.flexslider ul.flex-direction-nav li a {
	height: auto;
	display: inline-block;
	position: absolute;
	top: 25px; /* bottom: 10%; */
	z-index: 10;
	cursor: pointer;
	text-indent: 0 !important;
	color: transparent;
	-webkit-transition: none;
}
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-next {
	left: auto;
	right: 10px;
	background: transparent;
	opacity: 1;
}
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-prev {
	left: auto;
	right: 35px;
	background: transparent;
	opacity: 1;
}
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-next:after {
	content: "\f0a9";
	color: #000;
	opacity: 0.5;
	font-size: 1.6em;
	font-family: FontAwesome;
}
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-prev:after {
	content: "\f0a8";
	color: #000;
	opacity: 0.5;
	font-size: 1.6em;
	font-family: FontAwesome;
}
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-next:hover:after,
.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-prev:hover:after {
	color: #FFF;
}

/*--------------------------------------------------------------
## Custom slider (plugin: Meta Slider) >> END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* 201703 */
#vl-site-nav-div{
	width: 100%;
	height: 32px; /* UAB-style */ /* height: 54px; */
	position: relative;
	align-self: flex-end;
}

#vl-site-navigation{
	background: transparent; /* UAB-style */ /* #0078af */
	/*width: 1100px;*/
	/*width: 900px;*/
	margin: 0 auto;
	padding: 0 0 0 10px;
}

#vl-site-navigation + img{
	margin: 0 auto;
	display: block;
}

/* 201703 Set items to the right side + Menu on top */
#vl-site-navigation .vl-menu{
	text-align: right;
	z-index: 11;
}

/* 201703 Set menu to the right side */
#vl-site-navigation .vl-menu ul{
	float: right; /* display: inline-block; */ /* Alternative: but it appears 7px of margin! */
}

.vl-main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.vl-main-navigation li {
	float: left;
	position: relative;
}

.vl-main-navigation a {
	display: block;
	text-decoration: none;
	color: #000; /* UAB-style */ /* color: #FFF; */
	padding: 0 15px;
	/* UAB-style */ /* text-transform: uppercase; */
	font-size: 15px;
	font-weight: 400;
	line-height: 32px; /* UAB-style */ /* line-height: 54px; */
	/* UAB-style */ /* text-shadow: 1px 1px 3px rgba(0,0,0,0.2); */
}
/* UAB-style */
.vl-main-navigation a:hover,
.vl-main-navigation a:focus,
.vl-main-navigation a:active {
	color: #01644f; /* UAB-style */
}
/* UAB-style */
.vl-main-navigation > .vl-menu > ul:first-child > li > a {
	font-size: 20px;
	font-weight: bold;
	border-right: 1px solid #939598;
}
/* UAB-style */
.vl-main-navigation > .vl-menu > ul:first-child > li:last-child > a {
	/* padding-right: 0; */
	border-right: 0;
}

.vl-main-navigation ul ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0; /* UAB-style */ /* right: 0; */
	background: #FFF; /* UAB-style */ /* #0078af */
	opacity: 0.95; /* UAB-style */
	border: 1px solid #f6f6f6;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	min-width: 200px;
	z-index: 11; /* 201703 */
}

/* Third-level menu */
.vl-main-navigation ul ul ul {
	top: 0;
	left: -101%; /* UAB-style */ /* left: 100%; */
	box-shadow: -2px 2px 3px rgba(0,0,0,0.2); /* UAB-style */
	right: auto;
	top: -1px;
	max-width: 100%;
}

.vl-main-navigation ul ul a {
	text-transform: none;
	line-height: 1.5;
	padding: 10px 15px;
	font-size: 0.9em;
}

.vl-main-navigation ul ul li {
	float: none;
	border-bottom: 1px solid #f6f6f6; /* UAB-style */ /* border-bottom: 1px solid #006694; */
}

/* 201703 */
/*.vl-main-navigation ul li {
	display: block;
	float: right;
}*/

.vl-main-navigation ul ul li:last-child{
	border-bottom: 0;
}

.vl-main-navigation ul ul li:hover > a{
	background: #e2e9de; /* UAB-style */ /* background: #006694; */
}

.vl-main-navigation ul li:hover > ul {
	display: block;
}

/* UAB-style */ /* Triangle over each element when hover */
/*.vl-main-navigation .vl-menu > ul > .current_page_item > a:after,*/
/*.vl-main-navigation .vl-menu > ul > .current-menu-item > a:after,*/
/*.vl-main-navigation .vl-menu > ul > .current_page_ancestor > a:after,*/
.vl-main-navigation .vl-menu > ul > li > a:after{
	content: "\f0dd"; /* UAB-style */ /* content: ""; */
	color: #DDD; /* UAB-style */
	font-family: FontAwesome; /* UAB-style */
	position: absolute;
	left: 33%; /* 201703 */ /* left: 33%; */
	top: 100%;
	background: transparent; /* UAB-style */ /* background: #FFF; */
	width: 26px;
	height: 5px;
	margin-top: -7px;
	opacity: 1;
}

.vl-main-navigation .vl-menu > ul > li > a:after{
	top: -75%; /* UAB-style */ /* top: 90%; */
	opacity: 0;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.vl-main-navigation .vl-menu > ul > li:hover > a:after{
	top: -55%; /* UAB-style */ /* top: 100%; */
	color: #E6E6E6; /* UAB-style */
	opacity: 1;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 15px;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	text-align: right;
	padding: 20px;
	border-right: 1px solid #EEE;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	width: 50%;
	text-align: left;
	padding: 20px;
}

.post-navigation{
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin-bottom: 50px;
}

.post-navigation .nav-links{
	display: -webkit-flex;
    display: flex;
}

.post-navigation a{
	color: inherit;
}

.post-navigation a:hover{
	color: #01644f; /* UAB-style */ /* #0078af */
}

.post-navigation span{
	display: block;
}

.nav-previous span .fa{
	margin-right: 10px;
}

.nav-next span .fa{
	margin-left: 10px;
}

/* UAB-style */
.vl-top-footer a:hover {
	text-decoration: underline;
}

/* ********************** */
/* 201703 Site map */
.vl-site-map {
  font-size: 13px;
  font-weight: bold;
  /* font-style: italic; */
  background: #e7e7e7;
  margin: 10px auto;
  /* overflow: hidden; */
  /* position: relative; */
  display: flex;
}
.vl-site-map > .vl-site-map-item {
  border-right: 1px solid #AAA;
  /* display: inline-block; */
  /* vertical-align: top; */
  /* position: relative; */
  align-items: stretch;
  flex: 1;
}
.vl-site-map > .vl-site-map-item:last-child {
  border-right: none;
}
.vl-site-map > .vl-menu {
  text-align: left;
  padding: 0;
  margin: 0;
}
.vl-site-map > .vl-menu > ul {
  display: inline-block;
  margin: 0 0 -7px 0;
  padding: 0;
  list-style: none;
}
.vl-site-map > .vl-menu > ul > li {
  float: left;
  position: relative;
  text-align: left;
}
.vl-site-map > .vl-menu > ul > li > a {
  display: inline-block;
  padding-right: 45px;
  text-align: left;
}
.vl-site-map > .vl-menu > ul > li:after {
  content: "|";
  padding-right: 45px;
}
.vl-site-map > .vl-menu > ul > li:last-child:after {
  content: "";
}
.vl-site-map .sub-menu {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	padding-left: 18px;
}
.vl-site-map .sub-menu li a {
	margin-left: -10px;
}
/* 201703 Site map */
/* ********************** */

/* ********************** */
/* 201703 Bottom menu */
.vl-bottom-menu > .vl-menu {
  text-align: center;
  padding: 0;
  margin: 0;
}
.vl-bottom-menu > .vl-menu > ul {
  display: inline-block;
  text-align: initial;
  margin: 0 0 -7px 0;
  padding: 0;
  list-style: none;
}
.vl-bottom-menu > .vl-menu > ul > li {
  float: left;
  position: relative;
  text-align: center;
}
.vl-bottom-menu > .vl-menu > ul > li > a {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}
.vl-bottom-menu > .vl-menu > ul > li:after {
  content: "|";
}
.vl-bottom-menu > .vl-menu > ul > li:last-child:after {
  content: "";
}
/* 201703 Bottom menu */
/* ********************** */

/* ********************** */
/* 20170626 Intranet menu - Horizontal*/

#vl-intranet-menu.horizontal {
	/*width: 150px;*/
	position: relative;
	float: none;
	background: transparent; /* UAB-style */ /* #0078af */
	margin: 0 0 15px 0;
	padding: 0 5px;
	width: 100%;
	display: block;
	text-align: center;
}

/* Items to the left side. Menu on top */
#vl-intranet-menu.horizontal .vl-menu {
	text-align: left;
	z-index: 11;
	display: inline-block;
}

#vl-intranet-menu.horizontal li {
	background-color: #f6f6f6;
	float: left;
	width: 130px;
	margin: 1px;
	border: 1px solid #e6e6e6;
}
#vl-intranet-menu.horizontal li:hover,
#vl-intranet-menu.horizontal li:focus,
#vl-intranet-menu.horizontal li:active {
	background-color: #e6e6e6;
}

/* Link the hole line, like a button */
#vl-intranet-menu.horizontal li a {
	display: inline-block;
	padding: 0 5px;
	width: 100%;
}
/* Leave space for the arrow in parent-links */
#vl-intranet-menu.horizontal .sf-arrows li.parent > a {
	width: 110px;
}

/* Hide the default arrows, related with 'sf-with-ul' class */
#vl-intranet-menu.horizontal .sf-arrows li a.sf-with-ul:before {
	content: none;
}
/* Right-facing arrows */
#vl-intranet-menu.horizontal .sf-arrows li.parent:after {
	font-family: FontAwesome;
	content: '\f107';
	position: relative;
    height: 0;
    width: 0;
    display: inline-block;
}

/* Remove <ul> default styles */
#vl-intranet-menu.horizontal .vl-menu ul {
	list-style: none;
	padding: 0;
	z-index: 3;
}

/* Sub menu */
#vl-intranet-menu.horizontal .vl-menu ul.sub-menu {
	display: none; /* Redundant, but it avoids annoying "flash-appearance" when the page loads */
	position: absolute;
	width: 130px;
	margin: 2px 0 0 4px;
	border-top: 1px solid #e6e6e6;
}
#vl-intranet-menu.horizontal .vl-menu ul.sub-menu li {
	/*opacity: 0.95;*/
	display: block;
	margin: 0;
	border-top: 0;
}

/* 20170626 Intranet menu - Horizontal*/
/* ********************** */

/* ********************** */
/* 20170626 Intranet menu - Vertical*/

#vl-intranet-menu.vertical {
	width: 150px;
	position: relative;
	float: left;
	background: transparent; /* UAB-style */ /* #0078af */
	margin: 0 50px 15px 0;
	padding: 0 5px;
}

/* Items to the left side. Menu on top */
#vl-intranet-menu.vertical .vl-menu {
	text-align: left;
	z-index: 11;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
}

/* Line between items */
#vl-intranet-menu.vertical .vl-menu li {
	border-bottom: 1px solid #e6e6e6;
}

#vl-intranet-menu.vertical li {
	background-color: #f6f6f6;
	border: 2px white #e6e6e6;
}
#vl-intranet-menu.vertical li:hover,
#vl-intranet-menu.vertical li:focus,
#vl-intranet-menu.vertical li:active {
	background-color: #e6e6e6;
}

/* Link the hole line, like a button */
#vl-intranet-menu.vertical li a {
	display: inline-block;
	padding: 0 5px;
	width: 100%;
}

/* Right-facing arrows */
#vl-intranet-menu.vertical .sf-arrows li a.sf-with-ul:before {
	left: 100%;
	font-family: FontAwesome;
	content: '\f105';
	padding: 0 5px 0 0;
	margin-left: -15px;
}

/* Remove <ul> default styles */
#vl-intranet-menu.vertical .vl-menu ul {
	list-style: none;
	padding: 0;
	float: none;
}

/* Sub menu */
#vl-intranet-menu.vertical .vl-menu ul.sub-menu {
	border-top: 1px solid #e6e6e6;
	position: absolute;
	width: 120px;
	left: 100%;
	margin-top: -20px;
	margin-left: -5px;
}

/* 20170626 Intranet menu - Vertical*/
/* ********************** */


/* 20170626 Non-clickable elements */
.unclickable > a:hover {
	cursor: default;
	color: #000;
	/*pointer-events: none;*/
}


/*--------------------------------------------------------------
## Ticker
--------------------------------------------------------------*/
.vl-ticker{
	position: relative;
	background: #e2e9de; /* UAB-style */ /* background: #F6F6F6; */
	padding: 6px;
	margin-bottom: 20px;
	overflow: hidden;
	max-height: 46px;
}

.vl-ticker:last-child{
    margin-bottom: 40px;
}

.vl-ticker-title{
	float: left;
	background: #01644f; /* UAB-style */ /* #0078af */
	color: #FFF;
	line-height: 32px;
	white-space: nowrap;
	padding: 0 15px;
	margin-right: 40px;
	position: relative;
	font-size: 1.1em;
}

.vl-ticker-title:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	border-color: transparent transparent transparent #01644f; /* UAB-style */ /* #0078af */
	border-width: 16px;
	border-style: solid;
}

.vl-ticker .owl-carousel{
	padding-right: 75px;
}

.vl-ticker .owl-item a{
	display: block;
	line-height: 32px;
	color: #444;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vl-ticker .owl-item a:hover{
	color: #01644f; /* UAB-style */ /* #0078af */
}

.vl-ticker .owl-nav{
	position: absolute;
	right: 0;
	top: 0;
}

.vl-ticker .owl-prev, 
.vl-ticker .owl-next{
	height: 32px;
	width: 32px;
	background: #01644f; /* UAB-style */ /* #0078af */
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin-left: 1px;
}

.vl-ticker .owl-prev:hover, 
.vl-ticker .owl-next:hover{
	background: #0E0E0E;
}

.vl-ticker .owl-prev i, 
.vl-ticker .owl-next i{
	line-height: 32px;
}

/* Top Section Blocks */
.vl-top-block{
	margin-bottom: 40px;
}

.vl-half-container{
	float: left;
	width: 50%;
	padding-right: 2px;
}

.vl-half-container:last-child{
	padding-right: 0;
	padding-left: 2px;
}

.vl-big-thumb{
	height: 464px;
	overflow: hidden;
	position: relative;
}

.vl-medium-thumb{
	height: 260px;
	overflow: hidden;
	margin-bottom: 4px;
}

.vl-small-thumb{
	height: 200px;
	width: 50%;
	overflow: hidden;
	padding-right: 2px;
	float: left;
}

.vl-small-thumb:last-child{
	padding-right: 0;
	padding-left: 2px;
}

.vl-thumb-inner{
	position: relative;
	height: 100%;
}

.vl-thumb-inner > a{
	position: relative;
	height: 100%;
	display: block;
}

.vl-thumb-inner > a:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: transparent;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-thumb-inner:hover > a:before{
	background: rgba(0,0,0,0.3);
}

.vl-title-container{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	z-index: 2;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}

.vl-title-container h3{
	font-size: 18px;
	text-transform: capitalize;
    color: #FFF;
    margin-bottom: 0;
    font-weight: 700;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
    position: relative;
    transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-title-container h3:after{
	content: "";
	position: absolute;
	height: 4px;
	margin-top: 2px;
	background: #01644f; /* UAB-style */ /* #0078af */
	top: 100%;
	left: 0;
	width: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-big-thumb .vl-title-container h3{
	font-size: 24px;
}

.vl-thumb-inner:hover .vl-title-container h3:after{
	width: 100%;
}

.vl-title-container > a{
	color: #FFF;
	padding: 25px 25px 15px;
	display: block;
}

.vl-title-container .posted-on{
	color: #F6F6F6;
	margin-top: 8px;
}

.posted-on .fa{
	margin-right: 5px;
	font-size: 0.88em;
}

.vl-top-block .post-categories{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99;
	margin: 0;
	padding: 0;
}

.vl-top-block .post-categories li{
	display: inline-block;
}

.vl-top-block .post-categories li a{
	display: block;
	background: #0E0E0E;
	color: #F0F0F0;
	font-size: 11px;
	padding: 4px 6px;
	border-radius: 2px; 
	line-height: 1;
}

.vl-top-block .post-categories li a:hover{
	background: #01644f; /* UAB-style */ /* #0078af */
}

/* Top Section Blocks style2 */

.vl-top-block.style2 .vl-small-thumb:nth-child(odd){
	padding-right: 2px;
}

.vl-top-block.style2 .vl-small-thumb:nth-child(even){
	padding-right: 0;
	padding-left: 2px;
}

.vl-top-block.style2 .vl-small-thumb:nth-child(3),
.vl-top-block.style2 .vl-small-thumb:nth-child(4){
	margin-top: 4px;
}

.vl-top-block.style2 .vl-big-thumb{
	height: 404px;
}

/* Top Section Blocks style3 */

.vl-top-block.style3{
	margin-left: -4px;
}

.vl-top-block.style3 .vl-big-thumb{
	width: 25%;
	float: left;
	height: 360px;
}

.vl-top-block.style3 .vl-thumb-inner{
	margin-left: 4px;
	overflow: hidden;
    height: 100%;
}

.vl-top-block.style3 .vl-big-thumb img{
	height: 100%;
	max-width: none;
	position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.vl-top-block.style3 .vl-big-thumb h3{
	font-size: 18px;
}

/* Top Section Blocks style4 */

.vl-top-block.style4{
	background: #e2e9de; /* UAB-style */ /* background: #F6F6F6; */
	padding: 5px;
	display: flex;
	display: -webkit-flex;
}

.vl-top-block.style4 .vl-post-thumb{
	width: 80px;
	float: left;
}

.vl-top-block.style4 .vl-post-item{
	width: 25%;
	float: left;
	margin-bottom: 0;
	padding: 15px;
	position: relative;
}

.vl-top-block.style4 .vl-post-item:after{
	content: "";
    top: 100%;
    height: 4px;
    background: #01644f; /* UAB-style */ /* #0078af */
    width: 0;
    left: 50%;
    position: absolute;
    transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-top-block.style4 .vl-post-item:hover:after{
	left: 0;
	width: 100%;
}

.vl-top-block.style4 .vl-post-item .vl-post-content{
	margin-left: 100px;
}

/* Middle Section */
/* UAB-style */
.vl-block-title span a:before{
  content: '\f138';
  color: #01644f;
  font-family: FontAwesome;
  padding-right: 5px;
}
.vl-block-title{
	font-size: 23px; /* UAB-style */ /* font-size: 20px; */
	text-transform: uppercase; /* UAB-style */
	/* border-left: 10px solid #01644f; */ /* UAB-style */ /* #0078af */
	margin-bottom: 25px;
	font-weight: 500; /* UAB-style */ /* font-weight: bold; */
	/* background: #e2e9de; */ /* UAB-style */ /* background: #F6F6F6; */
	line-height: 20px;
}

.vl-block-title span{
	background: #FFF;
	padding: 0; /* 201703 */ /* padding: 0 20px 0 15px; */
	display: inline-block; /* 201705 */ /* display: inline-block; */
}

.vl-post-item{
	margin-bottom: 20px;
}

.vl-post-item:last-child{
	margin-bottom: 0;
}

.vl-post-item h3{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.vl-post-item h3 a{
	color: inherit;
}

.vl-post-item h3 a:hover{
	color: #01644f; /* UAB-style */ /* #0078af */
}

.vl-post-thumb a,
.entry-figure a{
	position: relative;
	display: block;
	overflow: hidden;
}

.vl-post-thumb a:before,
.entry-figure a:before{
	position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.vl-post-thumb a:hover:before,
.entry-figure a:hover:before{
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.posted-on{
	font-size: 13px;
	color: #666;
}

/*.vl-middle-block{
	margin-bottom: 40px;
}*/
.vl-middle-block{
	margin-bottom: 40px;
	float: left;
	width: 49%;
}
.vl-middle-block:nth-child(even){
	margin-left: 2%;
}

/* 201703 */
#primary .vl-middle-block:nth-child(1){
	width: 39%;
}
#primary .vl-middle-block:nth-child(2){
	width: 59%;
}
#secondary .vl-middle-block:nth-child(1){
	width: 70%;
}
#secondary .vl-middle-block:nth-child(2){
	width: 28%;
}

/* Middle Section style0 */

div.style0 .vl-post-item {
	display: table;
}
div.style0 .vl-post-content {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}

div.style0 .vl-single-small-block{
	/*display: flex;*/
	flex-wrap: wrap;
	/* margin: 0 -1%; */ /* 20170529 Adjustments */
}

div.style0 .vl-single-small-block .vl-post-item {
	/*width: 98%;*/ /* 20170529 Adjustments */
	/*padding: 0 2%;*/ /* 20170529 Adjustments */
}

div.style0 .vl-single-small-block .vl-post-thumb{
	float: left;
	min-width: 60px;
}

div.style0 .vl-single-small-block .vl-post-content{
	margin-left: 100px;
}

/* Middle Section style1 */

.vl-big-block{
	width: 48%;
	float: left;
}

.vl-small-block{
	width: 48%;
	float: right;
}

.vl-big-block .vl-post-item{
	margin-bottom: 0;
}

.vl-big-block .vl-post-item h3{
	font-size: 20px;
}

.vl-big-block .vl-post-thumb{
	margin-bottom: 10px;
}

.vl-big-block .posted-on{
	margin-bottom: 6px;
}

.vl-small-block .vl-post-thumb{
	float: left;
}

.vl-small-block .vl-post-content{
	margin-left: 120px;
}

/* Middle Section style2 */

.vl-grid-blocks{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -10px -20px;
}

.vl-grid-block {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.vl-grid-block-inner{
	position: relative;
	overflow: hidden;
}

.vl-grid-block h3{
	font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.vl-grid-block .vl-post-thumb a:before{
	display: none;
}

.vl-grid-block .vl-post-content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 15px 10px;
	color: #FFF;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}

.vl-grid-block .posted-on{
	max-height: 0;
	margin-top: 5px;
	color: #F6F6F6;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vl-grid-block-inner:hover .posted-on{
	max-height: 30px;
}

/* Middle Section style3 */

.vl-double-small-block{
	display: flex;
	flex-wrap: wrap;
    margin: 0 -2%;
}

.vl-double-small-block .vl-post-item {
    width: 49%;
    padding: 0 2%;
}

.vl-double-small-block .vl-post-item:nth-last-child(2){
	margin-bottom: 0;
}

.vl-double-small-block .vl-post-thumb{
	float: left;
}

.vl-double-small-block .vl-post-content{
	margin-left: 120px;
}

/* Middle Section style4 */

.vl-alternate-block{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.vl-alt-post-item{
	width: 33.333%;
	background: #F9F9F9;
	display: -webkit-flex;
    display: flex;
	flex-direction: column;
	margin: 0;
}

.vl-alt-post-item:nth-child(2){
	flex-direction: column-reverse;
}

.vl-alt-post-item:hover{
	background: #F4F4F4;
}

.vl-alt-post-item .vl-post-content{
	padding: 20px;
	height: 215px;
	overflow: hidden;
}

.vl-alt-post-item .posted-on{
	margin-bottom: 6px;
}

/* 201705 Middle Section style5 */

div.style5 h2.vl-block-title span {
	position: relative;
	background: white;
	border: solid white;
	border-width: 0px 8px 4px 8px;
	border-radius: 2px;
	z-index: 4;
}
div.style5 div.divClass_ref {
	position: relative;
}
div.style5 div.divClass_ref:before {
	position: absolute;
	display: block;
	content: "";
	top: 12px;
	width: 92.75%; /* 95.25% */
	height: 35px;
	z-index: 2;
	/*border: 1px solid black;*/
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
div.style5 div.divClass_ref:after {
	position: absolute;
	content: "";
	top: 386px;
	width: 92.75%; /* 95.25% */
	height: 20px;
	background: white;
	z-index: 2;
	/*border: 1px solid black;*/
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
/* Content div */
div.style5 div.vl-single-small-block {
	display: block;
	padding-top: 40px;
	margin-top: -41px;
	margin-left: -5px;
	padding-right: 0px; /* For some reason, there was a padding of 1px. Maybe for a better cross-browser compatibility */
	width: 100%;
	height: 400px;
	border: 3px solid #bbb;
	border-radius: 5px;
	z-index: 3;
}
div.style5 div.vl-single-small-block-content {
	display: block;
	padding-top: 40px;
	padding-bottom: 15px;
	margin-top: -40px;
	margin-left: 0px; /* Necessary! Otherwise, padding-right doesn't work */
	padding-right: 15px;
	width: 100%;
	height: 394px;
	overflow-y: scroll;
	/*border: 3px solid #bbb;*/
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
/* Scroll bar for the overflow */
/*div.style5 div.vl-single-small-block::-webkit-scrollbar {
	width: 5px;
	background: transparent;
}*/
/* Show scrollbar in red */
/*div.style5 div.vl-single-small-block::-webkit-scrollbar-thumb {
    background: #FF0000;
}*/
/* List bullets */
div.style5 .vl-posts-list {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 20px;
	margin-top: 3px;
	background: #01644f; /* UAB-style */ /* #0078af */
	position: relative;
	z-index: 1;
}
div.style5 .vl-post-content {
	margin-left: 45px;
	position: relative;
	z-index: 1;
}

/*---------------------------------*/
/* Middle Section style6 */

div.style6 .vl-alternate-block{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

div.style6 .vl-alt-post-item{
	width: 98%;
	background: #F9F9F9;
	display: -webkit-flex;
    display: flex;
	flex-direction: row;
	margin: 2px 0;
}

div.style6 .vl-alt-post-item:nth-child(2){
	flex-direction: row-reverse;
}

div.style6 .vl-alt-post-item:hover{
	background: #F4F4F4;
}

div.style6 .vl-alt-post-item .vl-post-content{
	padding: 20px;
	height: auto;
	overflow: hidden;
	width: 80%;
}

div.style6 .vl-alt-post-item .posted-on{
	margin-bottom: 6px;
}
div.style6 .vl-excerpt {
	color: #888;
}
/*---------------------------------*/

/* Bottom Section style4 */

.vl-bottom-block{
	margin-bottom: 40px;
}

/* Bottom Section style0 */

div.style0 .vl-two-column-block{
	float: left;
	width: 49%;
}

div.style0 .vl-two-column-block:nth-child(even){
	margin-left: 2%;
}

div.style0 .vl-two-column-block .vl-post-item .vl-post-thumb{
	float: left;
	width: 100px;
}

div.style0 .vl-two-column-block .vl-post-item .vl-post-content{
	margin-left: 120px;
}

/* Bottom Section style1 */

.vl-bottom-block.style1{
	margin-left: -3.333%;
}

.vl-three-column-block{
	float: left;
	width: 30%;
	margin-left: 3.333%;
}

.vl-big-post-item{
	margin-bottom: 25px;
}

.vl-big-post-item .vl-post-thumb{
	position: relative;
	height: 210px;
	overflow: hidden;
}

.vl-big-post-item .vl-post-thumb a{
	position: static;
}

.vl-big-post-item .vl-post-thumb a:before{
	display: none;
}

.vl-big-post-item .vl-post-content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 20px 10px;
	color: #FFF;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.vl-big-post-item h3{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

.vl-big-post-item .posted-on{
	color: #F6F6F6;
}

.vl-big-post-item .vl-post-excerpt{
	margin-top: 6px;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vl-big-post-item:hover .vl-post-excerpt{
	max-height: 50px;
}

.vl-three-column-block .vl-post-item .vl-post-thumb{
	float: left;
	width: 100px;
}

.vl-three-column-block .vl-post-item .vl-post-content{
	margin-left: 120px;
}

/* Bottom Section style1 */

.vl-four-column-block{
	margin-left: -2%;
}

.vl-four-column-block .vl-post-item{
	width: 23%;
	float: left;
	margin-left: 2%;
	margin-bottom: 0;
}

.vl-four-column-block .vl-post-thumb{
	margin-bottom: 10px;
}

.vl-four-column-block .vl-post-content{
	margin-left: 0;
}

.vl-four-column-block .posted-on{
	margin-bottom: 6px;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#vl-colophon{
	/* UAB-style */ /* background: #000; */
	color: #000; /* UAB-style */ /* color: #FAFAFA; */
}

#vl-colophon a{
   /* color: #F0F0F0; */
}

#vl-colophon a:hover{
   /* color: #F6F6F6; */
}

.vl-top-footer-inner{
	margin-left: -3%;
}

.vl-top-footer{
	padding: 15px 0 30px; /* UAB-style */ /* padding: 60px 0 30px; */
}

/* 201703 */
.vl-over-footer-inner{
	margin-left: -3%;
}
.vl-over-footer{
	margin-bottom: 30px;
}

.vl-footer-block{
	width: 22%;
	margin-left: 3%;
	float: left;
}

.vl-footer-block .widget-title{
	color: #000; /* UAB-style */ /* color: #EEE; */
}

.vl-footer-block ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.vl-footer-block li{
	padding: 5px 0;
	line-height: 1.3;
}

.vl-footer-block .posted-on{
	color: #F6F6F6;
}

.vl-footer-block .vl-contact-info ul li .fa{
	margin-top: 4px;
}

/* UAB-style */
.vl-top-footer{
  background: #e7e7e7;
}

/* UAB-style */
.vl-top-footer a{
  color: #000;
}

/* UAB-style */
.vl-top-footer a:hover{
  color: #01644f;
}

.vl-bottom-footer{
	text-align: center;
	color: #AAA; /* UAB-style */
}

.vl-bottom-footer .vl-container{
	/* border-top: 1px solid #111; */ /* UAB-style */
	/*width: 98%;*/ /* UAB-style */
	padding: 30px 0;
	font-size: 13px;
}

.vl-bottom-footer a{
	text-decoration: none; /* UAB-style */ /* text-decoration: underline; */
	color: #AAA; /* UAB-style */
}

/* UAB-style */
.vl-bottom-footer a:hover{
	text-decoration: underline;
	color: #444;
}

/* 201705 Footer icon */
div.vl-foot-icon {
	position: absolute;
	padding: 0px 15px 0px 90px;
	margin-top: -15px; /* Since .vl-container has a padding of 30px */
}
div.vl-foot-icon a {
	display: block;
}
div.vl-foot-icon img {
	width: 120px;
	height: auto;
}

#vl-back-top{
	background: #01644f; /* UAB-style */ /* #0078af */
	opacity: 0.75; /* UAB-style */
	border-radius: 5px;
	color: #FFF;
	height: 40px;
	width: 40px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index: 100;
}

#vl-back-top .fa{
	line-height: 40px;
}

#vl-back-top:hover{
	background: #0E0E0E
}

#vl-back-top.vl-hide{
	opacity: 0;
	visibility: hidden;
	transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 1.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:before {
	content: '\f107';
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	height: 0;
	width: 0;
	margin-right: 0.3em; /* UAB-style */
}
.sf-arrows > li > .sf-with-ul:focus:before,
.sf-arrows > li:hover > .sf-with-ul:before,
.sf-arrows > .sfHover > .sf-with-ul:before {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:before {
	content: '\f104'; /* 201703 */ /* content: '\f105'; */
	position: absolute;
	left: 1em;
}
.sf-arrows ul li > .sf-with-ul:focus:before,
.sf-arrows ul li:hover > .sf-with-ul:before,
.sf-arrows ul .sfHover > .sf-with-ul:before {
	border-left-color: white;
}


/* 201704 Modal: The Modal (background) */
	#divId_modal {
	    display: none; /* Hidden by default */
	    position: fixed; /* Stay in place */
	    z-index: 1000; /* Sit on top */
	    left: 0;
	    top: 0;
	    width: 100%; /* Full width */
	    height: 100%; /* Full height */
	    overflow: auto; /* Enable scroll if needed */
	    background-color: rgb(0,0,0); /* Fallback color */
	    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	    padding-top: 60px;
	}
/* 201704 Modal: Modal Content/Box */
	#divId_modal .modal-content {
	    background-color: #fefefe;
	    /*margin: 5px auto;*/ /* 15% from the top and centered */
	    margin: 5px 20px 5px auto;
	    padding: 10px;
	    border: 1px solid #888;
	    width: 40%; /* Could be more or less, depending on screen size */
	    min-width: 300px;
	}
/* 201704 Modal: Buttons */
	#divId_modal button {
		display: inline-block;
		margin: 10px;
	}
/* 201705 Style for the intranet menu, when the user is logged in */
	div.divClass_modal-content {
		background-color: #fefefe;
	    /*margin: 5px auto;*/ /* 15% from the top and centered */
	    margin: 5px 20px 5px auto;
	    padding: 10px;
	    border: 1px solid #888;
	    width: 20%; /* Could be more or less, depending on screen size */
	    min-width: 150px;
	}
	div.divClass_modal-content ul {
		padding: 0px;
	}
	div.divClass_modal-content li {
		display: block;
	}
/* 201705 For these links, copy the buttons style */
	div.divClass_modal-content li a.classLi_intranetBtn {
		/* General styles */
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
		/* Specific styles */
		background: #01644f; /* UAB-style */ /* #0078af */
		color: #FFF;
		padding: 0 20px;
		border: 0;
		height: 40px;
		line-height: 40px;
		/* Extra styles */
		margin: 10px;
		display: block;
		cursor: pointer;
		/* Remove transitions */
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	div.divClass_modal-content li a.classLi_intranetBtn:hover {
		background: #0E0E0E;
	}
	div.divClass_modal-content li a.classLi_intranetBtn:focus,
	div.divClass_modal-content li a.classLi_intranetBtn:active {
		outline: 0;
	}
/* 201704 Modal: Close button on hover */
	#divId_modal .container {
		text-align: center;
	}
	#divId_modal .container:last-child {
		font-size: 0.8em;
		padding: 3px;
	}
/* 201704 Modal: Inputs and Labels */
	/*#divId_modal*/ label.classLabel_checkbox {
	    display: block;
	    padding-left: 15px;
	    text-indent: -15px;
	}
	/*#divId_modal*/ input.classInput_checkbox {
		width: 13px;
	    height: 13px;
	    padding: 0;
	    margin: 0;
	    vertical-align: middle;
	    position: relative;
	    top: -1px;
	    overflow: hidden;
	}
/* On modal, don't display error messages */
	#divId_modal p.classDiv_err {
		display: none;
	}
/* 201704 Modal: Add Zoom Animation */
	#divId_modal .animate {
	    -webkit-animation: animatezoom 0.6s;
	    animation: animatezoom 0.6s
	}
	@-webkit-keyframes animatezoom {
	    from {-webkit-transform: scale(0)} 
	    to {-webkit-transform: scale(1)}
	}
	@keyframes animatezoom {
	    from {transform: scale(0)} 
	    to {transform: scale(1)}
	}
/* 20170519 ibb_membres module style for the intranet main page */
/* Since intranet.php is a node script between the module and WP,
	we should include the module styles as well: calling the module
	styles (membres.css) or copying just the styles needed here */
	div.divClass_appContainer {
		text-align: center;
	}
	div.divClass_app {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		line-height: 1.1em;
		padding: 10px 15px;
	}
	div.divClass_app img {
		margin-bottom: 5px;
	}

/*================RESPONSIVE CSS==================*/
@media screen and (min-width: 1181px){
	.vl-main-navigation > .vl-menu{
		display: block !important;
	}
}
@media screen and (max-width: 1180px){
	body{
		background: #EEE;
	}

	/* 201704 Optional class >> Hide if the screen is not bigger */
	.vl-opt {
		display: none;
	}

	.vl-container{
		width: auto;
		padding: 0 20px;
	}

	#vl-page,
	.vl-boxed #vl-page{
		width: 900px;
		margin: 0 auto;
		background: #FFF;
	}

	.vl-top-right-header .vl-menu{
		/*display: none;*/ /* 201703 */
	}

	.vl-header-ads{
		/* min-width: 70%; */
	    /* 201703 */
	    width: auto;
	    /*padding: 15px 20px;*/ /* 201703 */ /* padding: 0 20px; */
	}

	/* 20170627 */
	#vl-site-nav-div {
		position: absolute;
		right: 20px;
		width: 80%;
	}

	#vl-site-navigation{
		width: 100%; /* 201703 */ /* width: auto; */
		height: 32px; /* UAB-style */ /* height: 54px; */
		margin: 0; /* 201703 */ /* margin: 0 20px;*/
		position: absolute; /* 201703 */ /* position: relative; */
	}

	.vl-main-navigation .vl-menu{
		display: none;
		background: #FFF;
		float: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		/*text-align: center;*/ /* 201703 Set previously to the right side */
    	border: 1px solid #F6F6F6; /* UAB-styles */
		box-shadow: 2px 4px 6px rgba(0,0,0,0.1);
	}

	/* 201703 Set menu to the right side */
	#vl-site-navigation .vl-menu ul{
		float: none;
		display: inline-block; /* float: right; */ /* Alternative: but submenus don't work properly! */
    	width: 100%; /* 201703 */
	}

	.vl-main-navigation li{
		float: none;
		/*display: inline-block;*/ /* 201703 Set later, as a block */
	}

	.vl-main-navigation ul ul li{
		display: block;
	}

	.vl-main-navigation ul ul a{
		/* UAB-style > Already set */ /* color: #FFF; */
	}

	.vl-main-navigation a{
		/* UAB-style > Already set */ /* color: #0E0E0E; */
	}

	/* 201703 Start: Apply the same menu-style for 1180px and 768px */
	.vl-main-navigation li{
		display: block;
		border-bottom: 1px solid #F6F6F6; /* 201703 */ /* #FAFAFA */
		margin: 0 10px;
	}
	
	.vl-main-navigation li ul li {
		margin: 0; /* Sub-menu items */
	}

	.vl-main-navigation a{
		line-height: 1.5;
		padding: 10px 0;
	}
  
  	/* UAB-style */
	.vl-main-navigation > .vl-menu > ul:first-child > li > a {
		border-right: 0;
		font-size: 16px;
	}

	.vl-main-navigation ul ul{
		position: static;
		box-shadow: none;
		border-top: 1px solid #F0F0F0;
	}

	.vl-menu > ul > li > a:after{
		display: none;
	}
	/* 201703 End: Apply the same menu-style for 1180px and 768px */

	.vl-toggle-menu{
		display: block;
		float: right;
		height: 32px; /* UAB-style */ /* height: 54px; */
		width: 32px; /* UAB-style */ /* width: 54px; */
		cursor: pointer;
	}

	.vl-toggle-menu span{
		position: relative;
		background: #000; /* UAB-style */ /* background: #FFF; */
		height: 2px;
		width: 32px;
		margin: 0 auto;
		display: block;
		top: 50%;
		margin-top: -1px;
		box-shadow: 0 10px 0px 0px #000, 0 -10px 0px 0px #000; /* UAB-style */ /* box-shadow: 0 10px 0px 0px #FFF, 0 -10px 0px 0px #FFF; */
	}

	.vl-main-navigation a{
		text-shadow: none;
	}

	.sf-arrows ul .sf-with-ul:before {
		content: '\f107'; /* 201703 */ /* content: '\f105'; */
		position: absolute;
		left: auto;
		right: 1em;
	}

	/* 201704 */
	div.classDiv_header h1 {
		font-size: 20px;
	}

	/* 201703 */
	.vl-middle-block,
	#primary .vl-middle-block:nth-child(1),
	#primary .vl-middle-block:nth-child(2),
	#secondary .vl-middle-block:nth-child(1),
	#secondary .vl-middle-block:nth-child(2) {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.vl-middle-block:nth-child(even){
		margin-left: auto;
		margin-right: auto;
	}

	.vl-big-thumb{
		height: 307px
	}

	.vl-medium-thumb{
		height: 172px;
	}

	.vl-small-thumb{
		height: 132px;
	}

	.vl-title-container h3{
		font-size: 15px;
	}

	.vl-top-block.style2 .vl-big-thumb{
		height: 268px;
	}

	.vl-top-block.style3 .vl-big-thumb{
		height: 260px;
	}

	.vl-top-block.style4{
		flex-wrap: wrap;
	}

	.vl-top-block.style4 .vl-post-item{
		width: 50%;
	}

	.vl-alt-post-item .vl-post-content{
		height: 167px;
	}

	.vl-big-post-item .vl-post-thumb{
		height: auto;
	}

	/* 201705 */
	div.style5 div.divClass_ref:before, div.style5 div.divClass_ref:after {
		width: 97.25%; /* 97.5%; */
	}
}

@media screen and (max-width: 900px){
	
	/* Custom slider (plugin: Meta Slider) */
	.custom_metasl div div.flexslider ul.flex-direction-nav li a.flex-prev {
		right: 30px;
	}

	/* Hidden checkbox hack: to control show/hide elements via CSS */
	input[id^='inputControl_'] + label.btn > div.vl-left-header-tmenu > ul.vl-social {
		display: none;
	}
	input[id^='inputControl_']:checked + label.btn > div.vl-left-header-tmenu > ul.vl-social {
		display: block;
	}
	/* 201705 Social-Media menu */
	.vl-top-left-header {
		width: auto;
		min-width: 35px; /* 25px + 10px of padding-right (vl-left-header-tmenu) */
	}
	.vl-top-left-header ul {
		box-shadow: 2px 4px 6px rgba(0,0,0,0.1);
	}
	.vl-left-header-tmenu{
		display: block;
		float: right;
		height: 20px; /* UAB-style */ /* height: 54px; */
		width: auto; /* UAB-style */ /* width: 54px; */
		cursor: pointer;
		padding-right: 10px;
	}
	.vl-left-header-tmenu span{
		position: relative;
		background: #000; /* UAB-style */ /* background: #FFF; */
		height: 2px;
		width: 25px;
		margin: 0 auto;
		display: block;
		top: 50%;
		margin-top: -1px;
		box-shadow: 0 8px 0px 0px #000, 0 -8px 0px 0px #000; /* UAB-style */ /* box-shadow: 0 10px 0px 0px #FFF, 0 -10px 0px 0px #FFF; */
	}
	.vl-social {
		position: absolute;
		top: 40px;
		left: 18px;
		background: white;
		border: 1px solid #ddd;
	}
	/*.vl-social li {
		float: none;
		clear: both;
		text-align: center;
	}*/

	/* 201704 */
	div.classDiv_hTitle {
		width: 40%;
		height: 100px;
		padding: 10px;
		margin: 10px 20px;
		/*background-color: rgba(0,133,108,0.8);*/
		background-color: #00856C;
		position: relative;
		z-index: 1;
	}
	div.classColour {
		background-color: #00856C;
	}
	div.classBlack {
		background-color: #777;
	}
	div.classDiv_hImage {
		width: 100%;
		height: 120px;
		position: absolute;
		display: block;
		float: none;
		margin-left: 0;
		z-index: 0;
	}

	#vl-page,
	.vl-boxed #vl-page{
		width: 768px;
	}

	.vl-alt-post-item .vl-post-content{
		height: 143px;
	}

	/*--------------------------------------------------------------
	## Custom slider (plugin: Meta Slider) >> START
	--------------------------------------------------------------*/
	/* Caption wrap */
	.custom_metasl > div > div.flexslider > ul.slides > li > div.caption-wrap {
		max-height: 100%;
		width: 100%;
		margin: 0;
		bottom: 0px;
		/*margin-left: 0px;*/
	}
	/* Direction Nav */
	.custom_metasl > div > div.flexslider > ul.flex-direction-nav > li > a {
		/* margin: auto 0 0; */
  	}
	.custom_metasl > div > div.flexslider > ul.flex-direction-nav > li > a.flex-next:after,
	.custom_metasl > div > div.flexslider > ul.flex-direction-nav > li > a.flex-prev:after {
		font-size: 1.3em;
	}
	/*--------------------------------------------------------------
	## Custom slider (plugin: Meta Slider) >> END
	--------------------------------------------------------------*/
  
	/* Site-map */
	.vl-site-map {
		display: block;
	}
	.vl-site-map > .vl-site-map-item {
		border-right: none;
		border-bottom: 1px solid #CCC;
		margin-top: 5px;
		padding-bottom: 5px;
	}
	.vl-site-map > .vl-site-map-item:first-child {
		border-top: 1px solid #CCC;
		padding-top: 5px;
	}

	/* 201705 */
	div.style5 div.divClass_ref:before, div.style5 div.divClass_ref:after {
		width: 96.5%; /* 97% */
	}

	/* 201705 */
	.vl-bottom-footer {
		height: auto;
	}
	.vl-bottom-footer .vl-container {
		padding: 15px 0;
	}
	/* 201705 Footer icon */
	div.vl-foot-icon {
		position: relative;
		padding: 15px 0 10px 0;
	}
}


@media screen and (max-width: 768px){
	/* Hidden checkbox hack: to control show/hide elements via CSS */
	input[id^='inputControl_'] + label.btn > div.vl-right-header-tmenu > div.vl-menu {
		display: none;
	}
	input[id^='inputControl_']:checked + label.btn > div.vl-right-header-tmenu > div.vl-menu {
		display: block;
	}
	/* 201705 Alternative menu */
	.vl-top-middle-header {
		width: 100%;
	}
	.vl-top-right-header {
		width: auto;
	}
	.vl-right-header-tmenu {
		display: block;
		/*float: right;*/ /* UAB-style */
		height: 20px; /* UAB-style */ /* height: 54px; */
		width: auto; /* UAB-style */ /* width: 54px; */
		cursor: pointer;
		margin-left: 10px;
	}
	.vl-right-header-tmenu div.tmenu {
		height: 20px;
		width: 25px;
		margin: 0;
		padding: 0;
	}
	/* The first span is the "minimized-menu" symbol */
	.vl-right-header-tmenu span:nth-child(1) {
		position: relative;
		background: #000; /* UAB-style */ /* background: #FFF; */
		height: 2px;
		width: 25px;
		margin: 0 auto;
		display: block;
		top: 50%;
		margin-top: -1px;
		box-shadow: 0 8px 0px 0px #000, 0 -8px 0px 0px #000; /* UAB-style */ /* box-shadow: 0 10px 0px 0px #FFF, 0 -10px 0px 0px #FFF; */
	}
	.vl-top-right-header .vl-menu {
		position: absolute;
		top: 40px;
		right: 20px;
		background: white;
		border-top: 1px solid #F6F6F6;
		border-right: 1px solid #F6F6F6;
		border-left: 1px solid #F6F6F6;
		box-shadow: 2px 4px 6px rgba(0,0,0,0.1);
	}
	.vl-top-right-header .vl-menu ul li {
		float: none;
		clear: both;
		display: block;
		text-align: right;
		border-bottom: 1px solid #F6F6F6;
		padding: 3px 10px;
	}
	.vl-top-right-header .vl-menu ul li:hover * {
		color: #01644f;
	}

	/* 201704 */
	div.classDiv_header {
		font-size: 18px;
		height: auto;
	}
	div.classDiv_hTitle {
		width: 100%;
		height: auto;
		float: none;
		display: block;
		margin: 0;
	}
	div.classColour {
		background-color: #00856C;
	}
	div.classBlack {
		background-color: #777;
	}
	div.classDiv_hImage {
		display: none;
	}

	#vl-page,
	.vl-boxed #vl-page{
		width: auto;
	}

	/*.vl-header .vl-container{
		display: block;
	}*/

	/* #vl-site-branding{ */
    	/* margin: 0 auto; */ /* 201703 Center */
		/* float: none; */ /* 20170621 UBA logo included on headed */
		/* text-align: center;*/
		/* padding: 0; */
		/*position: absolute;
		right: 20px;
		bottom: 15px;*/
	/* } */

	.vl-header-ads{
		/* width: auto; */ /* 201703 */
		flex: none;
		/* margin-top: 20px; */
	}

	/* 201703 Start: Apply the same menu-style for 1180px and 768px */
	/*.vl-main-navigation li{
		display: block;
		border-bottom: 1px solid #FAFAFA;
	}

	.vl-main-navigation a{
		line-height: 1.5;
		padding: 10px 0;
	}

	.vl-main-navigation ul ul{
		position: static;
		box-shadow: none;
		border-top: 1px solid #F0F0F0;
	}

	.vl-menu > ul > li > a:after{
		display: none;
	}*/
	/* 201703 End */

	.vl-half-container{
		width: auto;
		float: none;
		padding: 0;
	}

	.vl-half-container:last-child{
		padding: 0;
	}

	.vl-big-thumb{
		width: auto;
		height: auto;
		margin-bottom: 4px;
	}

	.vl-thumb-inner > a{
		height: auto;
	}

	.vl-big-thumb img,
	.vl-medium-thumb img, 
	.vl-small-thumb img{
		width: 100%;
	}

	.vl-medium-thumb{
		width: auto;
		height: auto;
	}

	.vl-small-thumb{
		height: auto;
	}

	.vl-top-block.style2 .vl-big-thumb{
		height: auto;
	}

	.vl-top-block.style3 .vl-big-thumb{
		height: auto;
		width: 50%;
	}

	.vl-top-block.style3 .vl-big-thumb img{
		position: static;
		height: auto;
	}

	.vl-title-container h3{
		font-size: 18px;
	}

	.vl-bottom-block.style1{
		margin-left: 0;
	}

	.vl-three-column-block{
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 40px;
	}

	.vl-three-column-block:last-child{
		margin-bottom: 0;
	}

	.vl-three-column-block .vl-post-thumb img{
		width: 100%;
	}

	.vl-four-column-block .vl-post-item{
		width: 48%;
		margin-bottom: 20px;
	}

	.vl-alt-post-item:nth-child(2){
		flex-direction: column;
	}

	.vl-alt-post-item .vl-post-content{
		height: auto;
	}

	.vl-double-small-block{
		margin: 0;
	}

	.vl-double-small-block .vl-post-item{
		width: 50%;
		padding: 0 20px 0 0;
	}

	#primary{
		width: auto !important;
		float: none !important;
	}

	#secondary{
		width: auto !important;
		float: none !important;
	}

	.vl-top-footer-inner{
		margin-left: 0;
	}
	/* 201703 */
	.vl-over-footer-inner{
		margin-left: 0;
	}

	.vl-footer-block{
		width: auto;
		margin-left: 0;
		float: none;
		margin-bottom: 20px;
	}

	.vl-footer-block:last-child{
		margin-bottom: 0;
	}

	.vl-footer-block .widget:last-child{
		margin-bottom: 0
	}

	/* 201705 */
	div.style5 div.divClass_ref:before, div.style5 div.divClass_ref:after {
		width: 95.5%; /* 96.5% */
	}
}


@media screen and (max-width: 580px){
	.vl-top-right-header{
		/* display: none; */ /* 201703 */
		/* width: auto; */ /* 201703 */
	}

	.vl-top-left-header{
		/* width: auto; */ /* 201703 */
		flex: none;
		max-width: none;
	}

	/* 201703 */
	.vl-top-right-header .vl-menu ul li {
		/*display: block;*/
	}

	/* 201704 Page current "path" */
	div.vl-path {
		display: none;
	}

	/* 201703 */
	.vl-bottom-menu .vl-menu ul li {
		float: none;
		display: block;
	}
	.vl-bottom-menu .vl-menu ul li:after {
		content: "";
	}

	.vl-ticker{
		max-height: none;
	}

	.vl-ticker-title{
		float: none;
		display: block;
		margin-right: 0;
		text-align: center;
		margin-bottom: 5px;
	}

	.vl-ticker-title:after{
		display: none;
	}

	.vl-top-block.style4 .vl-post-item{
		width: auto;
		float: none;
	}

	.vl-top-block.style4 .vl-post-item:after{
		position: static;
		height: 0;
	}

	.vl-big-block{
		width: auto;
		float: none;
		margin-bottom: 20px;
	}

	.vl-big-block img{
		width: 100%;
	}

	.vl-small-block{
		width: auto;
		float: none;
	}

	.vl-grid-block{
		width: 50%;
	}

	.vl-double-small-block{
		margin: 0;
	}

	.vl-double-small-block .vl-post-item{
		width: 100%;
		padding: 0;
	}

	.vl-double-small-block .vl-post-item:nth-last-child(2){
		margin-bottom: 20px;
	}

	.vl-alt-post-item{
		width: 100%;
		margin-bottom:20px;
	}

	.vl-alternate-block{
		display: block;
	}

	.vl-alt-post-item img{
		width: 100%;
	}

	.vl-archive-post .entry-footer{
		text-align: center;
	}

	.entry-footer .vl-read-more{
		float: none;
	}

	.entry-footer .vl-share-buttons{
		float: none;
		/* margin-top: 20px; */ /* 20170612 */
	}
	.entry-footer .cat-links{
		float: none; /* 20170612 */
		margin: 20px 0 0 0; /* 20170612 */
	}

	#comments{
		padding: 10px;
	}

	.author-email-url{
		margin-left: 0;
	}

	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{
		width: auto;
		margin-left: 0;
	}

	/* 201705 */
	div.style5 div.divClass_ref:before, div.style5 div.divClass_ref:after {
		width: 93.5%; /* 95.25% */
	}
}

@media screen and (max-width: 420px){
	/* 20170622 Min-width for the site */
	body {
		min-width: 375px;
		width: auto !important;
		width: 1000px;
	}

	.vl-small-thumb{
		float: none;
		padding: 0;
		margin-bottom: 4px;
		width: auto;
	}

	.vl-top-block.style2 .vl-small-thumb:nth-child(odd),
	.vl-top-block.style2 .vl-small-thumb:nth-child(even),
	.vl-small-thumb:last-child{
		padding: 0;
	}

	.vl-top-block.style3 .vl-big-thumb{
		width: auto;
		flex: none;
	}

	.vl-four-column-block{
		margin-left: 0;
	}

	.vl-four-column-block .vl-post-item{
		width: auto;
		margin-left: 0;
		float: none;
	}

	.vl-grid-blocks{
		display: block;
		margin: 0;
	}

	.vl-grid-block{
		width: auto;
		padding: 0;
	}

	.vl-grid-block:last-child{
		margin-bottom: 0;
	}

	.vl-post-info{
		display:none;
	}

	.vl-post-wrapper{
		padding-left: 0;
	}

	/* 201705 */
	div.style0 .vl-post-info{
		display: block;
	}

	/* 201705 */
	div.style5 div.divClass_ref:before, div.style5 div.divClass_ref:after {
		width: 91.75%; /* 92.75% */
	}
}