/*
Theme Name: Audio
Text Domain: audio
Author: National Library of Latvia
Author URI: https://lnb.lv
Description: This template is designed to display Collection tool.
Version: 1.0
Text Domain: audio
*/
@import url('css/font-face.css'); /* Include @font-face declarations */

/* Base style */

html {
	overflow-y: scroll;
}

body {
	font-family: 'open-sans-regular', Verdana, sans-serif;
	font-size: 16px; /* 16px default */
	line-height: 20px; /* 20px default */
	color: #333333;
	background-color: #ebebeb;
}

h1 {
	font-family: 'open-sans-light', Verdana, sans-serif;
	font-size: 26px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 1em;
}

h2 {
}

h3 {
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 1em;
	margin-top: 2em;
	padding-left: 22px;
}

a {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #f1657c;
	text-decoration: none;
}

p {
	margin-bottom: 1em;
}

p:last-child { 
	margin: 0;
}

ul {
}

ul li {
}

ul ul {
}

ul ul li {
}

.body-wrapper img {
	display: block;
}

/* Base layout */

.body-wrapper {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.header {
	min-height: 67px;
	height: auto;
	overflow: hidden;
	padding: 0 30px;
	background: #333333;
}

.content {
	background: #ffffff;
	margin-bottom: 30px;
}

.front {
	padding: 30px 30px 0 30px;
	overflow: visible;
}

.ordinarypage {
	padding: 30px;
	overflow: hidden;
}

.footer {
	width: 900px;
	padding: 0 30px 30px;
	margin: 0 auto;
	background: #ffffff;
	font-size: 12px;
	line-height: 20px;
	color: #9c9c9c;
}

/* -- Base layout */

/* Control bar */

.control-bar {
	width: 900px;
	height: 20px;
	margin: 0 auto;
	font-size: 12px;
	padding: 15px 30px;
	overflow: hidden;
	position: relative;
}

.control-bar h2 {
	display: none;
}

.lang-menu {
	height: 20px;
	display: block;
	float: right;
	overflow: hidden;
	margin-left: 20px;
}

.lang-menu li {
	float: left;
	margin-right: 8px;
}

.lang-menu li a {
	text-transform: uppercase;
}

.lang-menu li:last-child {
	margin-right: 0;
}

.lang-menu .active {
	font-family: 'open-sans-bold' Verdana, sans-serif;
	font-weight: bold;
}

.search {
	height: 20px;
	display: block;
	float: right;
	margin-left: 20px;
	overflow: hidden;
}

.search-field {
	display: none;
}

.search-field.open {
	height: 20px;
	display: block;
	float: left;
	overflow: hidden;
	background: #c3c3c3; 
	margin-right: 10px;
}

.search-field .label {
	height: 20px;
	display: block;
	padding: 0 5px;
	font-family: 'open-sans-bold' Verdana, sans-serif;
	font-weight: bold;
	color: #c3c3c3;
	background: #333333;
	float: left;
}

.search-field .field {
	height: 20px;
	float: left;
}

.search-field .field .textfield {
	width: 200px;
	height: 20px;
	line-height: 20px;
	border: 0;
	padding: 0 10px;
	color: #333333;
	background: #c3c3c3;
	font-size: 12px;
}

.search-toggle {
	width: 16px;
	height: 16px;
	display: block;
	background: url('../img/search.png') no-repeat left top;
	margin: 2px 0px;
	float: left;
}

.search-toggle:hover {
	background-position: left -16px;
}

.auth-link {
	display: block;
	float: right;
}

/* -- Control bar */

/* Header style */

.page-title {
	height: 28px;
	padding: 19px 0;
	font-family: 'open-sans-light', Verdana, sans-serif;
	display: block;
	float: left;
	font-size: 28px;
	line-height: 28px;
	color: #ffffff;
}

.main-menu {
	height: 28px;
	padding: 19px 0;
	float: right;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
}

.main-menu li {
	float: left;
	margin-left: 20px;
}

.main-menu a {
	color: #a3a3a3;
}

.main-menu a:hover,
.main-menu .active,
.main-menu ul li.current_page_item a,
.main-menu ul li.current-menu-item a
{
	color: #fff;
}

/* -- Header style */

/* Content style */

.large-image {
	width: 960px;
	position: relative;
	overflow: hidden;
	background: #333333;
	margin: -30px -30px 30px -30px;
}

.large-image > img {
	width: 100%;
}

.large-image .gray-overlay {
	width: 100%;
	height: 100%;
	background: url('../img/gray-overlay.png') repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.large-image .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.large-heading {
	width: 100%;
	font-family: 'open-sans-light';
	font-size: 64px;
	line-height: 75px;
	margin-bottom: 10px;
}

.large-heading u a {
	padding: 0 150px;
	display: inline-block;
}

.large-heading.margin-top {
	margin-top: 100px;
}

.subheading {
	font-family: 'open-sans-light';
	font-size: 20px;
	line-height: 32px;
	padding: 21px 0;
}

.h-divider {
	width: 44px;
	height: 1px;
	background: #a1a1a1;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.half-block {
	width: 435px;
	float: left;
	font-size: 13px;
}

.half-block.margin {
	margin-right: 30px;
}

.path {
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
}

.path li {
	float: left;
	margin-right: 14px;
	padding-right: 23px;
	background: url('../img/path-seperator.png') no-repeat right center;
	font-family: 'open-sans-light', Verdana, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	text-transform: uppercase;
}

.path li:last-child {
	padding-right: 0;
	background: none;
}

.view-menu {
	overflow: hidden;
	float: right;
}

.view-menu li {
	display: inline-block;
	margin-left: 10px;
}

.view-menu .grid,
.view-menu .list {
	width: 27px;
	height: 17px;
	padding: 0;
	display: block;
	background: url('img/view-buttons.png') no-repeat;
}

.view-menu .grid { background-position: 0 0; }
.view-menu .grid:hover { background-position: 0 -17px; }
.view-menu .grid.active, .view-menu .grid.active:hover { background-position: 0 -34px; }

.view-menu .list { background-position: -27px 0; }
.view-menu .list:hover { background-position: -27px -17px; }
.view-menu .list.active, .view-menu .list.active:hover { background-position: -27px -34px; }

.sub-menu {
	width: 126px;
	margin-right: 30px;
	float: left;
}

.sub-menu > li > .active {
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
}

.sub-menu > li {
	padding: 10px 0;
	font-size: 14px;
	border-bottom: solid 1px #dbdbdb;
	color: #333333;
	cursor: pointer;
}	

.sub-menu .menu li a {
	padding: 3px;
	display: block;
}

.sub-menu .menu li a:hover {
	color: #444;
}

.sub-menu > li:last-child {
	border: 0;
}

.sub-menu > li > a {
	color: #333333;
}

.sub-menu > li > ul > li > a:hover {
	color: #f1657c;
}

.sub-menu li ul {
	display: none;
}

.sub-menu > li > div > ul > a {
	line-height: 20px;
}

.sub-menu > li.open > ul {
	display: block;
}

.sub-menu > li.open > ul > li {
	line-height: 18px;
	font-size: 13px;
	margin-bottom: 14px;
}

.sub-menu li ul li.active {
	color: #333333;
}

.sub-menu li ul li a {
	font-size: 12px;
	color: #9c9c9c;
}

.sub-menu li ul li ul li a {
	font-weight: normal;
}

.inner-content {
	width: 744px;
	min-height: 200px;
	float: left;
}

.list-block {
	border: solid 1px #c3c3c3;
	margin-bottom: 30px;
}

.list-block:last-child {
	margin: 0;
}

.list-header {
	height: 22px;
	background: #c3c3c3;
	padding: 8px 22px;
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	overflow: hidden;
}

.list-header h2 {
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
	float: left;
}

.list-header .count {
	float: right;
}

.list-block.grid .list {
	overflow: hidden;
	padding: 21px 1px 1px 21px;
}

.list-block.grid .list li {
	width: 124px;
	font-size: 13px;
	line-height: 16px;
	float: left;
	margin: 0 20px 20px 0;
}

.list-block.grid .list img {
	margin-bottom: 8px;
	display: block;
}

.list-block.grid .comments {
    color: #999999;
}

.list-block.grid .comments:hover {
    color: #f1657c;
}

.list-block.grid .date {
    color: #999999;
}

.list-block.rows .list {
	overflow: hidden;
	padding: 21px 21px 1px 21px;
}

.list-block.rows .list li {
	font-size: 13px;
	line-height: 16px;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: solid 1px #efefef;
}

/*.list-block.rows .list li:last-child { border-bottom: none; }*/

.list-block.rows .list img {
	margin-right: 20px;
	display: block;
	float: left;
}

.list-block.rows .comments {
	color: #999999;
}

.list-block.rows .comments:hover {
	color: #f1657c;
}

.list-block.rows .date {
	color: #999999;
	float: right;
}

.object-navigation {
	width: 100%;
	overflow: hidden;
	font-size: 13px;
}

.object-navigation .prev,
.object-navigation .next {
	color: #9c9c9c;
}

.object-navigation .prev:hover,
.object-navigation .next:hover {
	color: #f1657c;
}

.object-navigation .prev {
	float: left;
}

.object-navigation .next {
	float: right;
}

.object-card {
	padding: 21px;
	margin-bottom: 21px;
	border: solid 1px #e0e0e0;
	overflow: hidden;
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
}

.object-card .image {
	float: left;
	margin-right: 22px;
}

.object-card .inner {
	width: 434px;
	float: left;
	overflow: hidden;
}

.content-row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}

.content-row .label {
	width: 30%;
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
	margin-right: 3%;
	float: left;
}

.content-row .field {
	width: 65%;
	float: left;
}

.download-row {
	margin-bottom: 1em;
	color: #9c9c9c;
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
}

.download-row .grey-button {
	margin-right: 25px;
}

.comment {
	background: #f3f3f3;
	padding: 10px 22px;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}

.comment .post-info {
	width: 15%;
	margin-right: 3%;
	float: left;
}

.comment .date {
	color: #9c9c9c;
}

.commnet .inner {
	width: 80%;
	float: left;
}

.half-block {
	width: 391px;
	float: left;
	font-size: 13px;
	padding: 0 22px;
}

.half-block.margin {
	width: 413px;
	margin-right: 30px;
	padding-right: 0;
}

.form-row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
}

.form-row .label {
	width: 35%;
	float: left;
	margin-right: 3%;
	line-height: 28px;
}

.form-row .field {
	width: 60%;
	float: left;
}

.sec-code {
	overflow: hidden;
	height: 26px;
	border: solid 1px #efefef;
}

.sec-code img {
	float: left;
}

.sec-code .textfield {
	width: 40%;
	border: 0;
	height: 26px;
	float: left;
	border-left: solid 1px #efefef;
}

.popup-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: url('../img/overlay-bg.png') repeat;
	z-index: 20;
}

.popup {
	width: 634px;
	left: 50%;
	margin-left: -317px;
	position: absolute;
	margin-top: 80px;
	background: #ffffff;
	z-index: 21;
	padding: 30px;
}

.popup-close {
	width: 22px;
	height: 22px;
	display: block;
	background: url('../img/close-popup.png') no-repeat left top;
	float: right;
	margin: 0 0 20px 20px;
}

.popup-close:hover {
	background-position: left bottom;
}

.popup p {
	font-size: 14px;
	line-height: 20px;
}

.thumb-list {
	margin: 0 -7px;
	overflow: hidden;
	padding-top: 7px;
}

.thumb-list li {
	width: 94px;
	height: 94px;
	float: left;
	margin: 7px;
}

.popup-slide {
	position: relative;
	overflow: hidden;
	z-index: 21;
}

.popup-slide img {
	position: relative;
}

.popup-slide .prev,
.popup-slide .next {
	width: 40%;
	height: 100%;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 25;
	background: url('../img/transparent-bg.png') repeat;
}

.popup-slide .prev {
	left: 0;
	top: 0;
	background: none;
}

.popup-slide .next {
	right: 0;
	top: 0;
	background: none;
}

.popup-slide .prev:hover {
	background: url('../img/popup-slide-prev.jpg') no-repeat left center;
}

.popup-slide .next:hover {
	background: url('../img/popup-slide-next.jpg') no-repeat right center;
}

.pagination {
	margin: 30px 0 0 0;
	float: right;
	overflow: hidden;
}

.pagination li {
	float: left;
	margin: 0 0 0 10px;
	font-size: 12px;
}

.pagination a {
	color: #999999;
}

.pagination a:hover {
	color: #f1657c;
}

.pagination .active a {
	font-family: 'open-sans-bold' Verdana, sans-serif;
	font-weight: bold;
	line-height: inherit;
	color: #333333;
}

/* -- Content style */

/* Footer style */

.footer a {
	color: #9c9c9c;
}

.footer a:hover {
	color: #f1657c;
}

.footer .support-logo {
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu {
	overflow: hidden;
}

.footer-menu li {
	float: left;
	margin-right: 14px;
}

/* -- Footer Style */

/* ### SPECIFICS ### */

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

.gray-text {
	color: #858585;
}

.light-gray-text {
	color: #a1a1a1;
}

.pink-text {
	color: #f1657c;
}

.blue-text {
	color: #82caff;
}

.white-text {
	color: #ffffff;
}

.light-link {
	color: #9c9c9c;
}

.clear-block {
	overflow: hidden;
}

.grey-button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-family: 'open-sans-bold', Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 24px;
	background: #9c9c9c;
	color: #ffffff;
}

.grey-button:hover {
	background: #f1657c;
	color: #ffffff;
}

.text-button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-family: 'open-sans-regular', Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 4px;
	color: #9c9c9c;
	margin-left: 20px;
}

.text-button:hover {
	color: #f1657c;
}

.textfield {
	width: 90%;
	height: 26px;
	border: solid 1px #efefef;
	padding: 0 5%;
	font-family: 'open-sans-regular', Verdana, sans-serif;
	font-size: 13px;
	line-height: 26px;
}

.textarea {
	width: 90%;
	min-height: 100px;
	padding: 0 5%;
	border: solid 1px #efefef;
	font-family: 'open-sans-regular', Verdana, sans-serif;
	font-size: 13px;
	line-height: 26px;
}

.micro-note {
	font-size: 10px;
	line-height: 14px;
	color: #9c9c9c;
}

.search-criterias {
	display: block;
}

.criteria-table input, select {
    font-size: 100%;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #bbb;
}

.criteria-table td {
    padding: 5px 3px;
}

.adv-search-crit-value {
    width: 250px;
}

.adv-search-crit-name {
    margin-right: 20px;
}

.adv-search-container { cursor: pointer; }
/* ### -- SPECIFICS ### */

.comment-respond h3 { margin: 0 0 10px 0; padding: 0; }
.comment-respond .logged-in-as { display: none; }
.comment-form-comment label { display: block; }
.comment-form-comment textarea { width: 100%; resize: none; box-sizing: border-box; }

.srch_phrases { display: none; }

.list-container { display: none; }

/* READSPEAKER */

.rsbtn_toolpanel {
	width: 300px !important;
}

.rs-player-loadindicator {
	left: 0px !important;
}

.rsbtn_exp_inner {
	width: 260px;
}

.rsbtn_exp {
	position: fixed;
	top: 80px;
	z-index: 3000001;
}

.rs_addtools .rsbtn_toolpanel .rsbtn_tools, .rsbtn .rsbtn_toolpanel .rsbtn_tools {
	position: fixed !important;
}

.rsbtn_label {
	color: white !important;
	text-transform: capitalize !important;
 }
 
 .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text,
 .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play,
 .rsbtn .rsbtn_play {
	background: #31802a  !important;
 }
 
 .rs_addtools .rsbtn_play:hover,
 .rsbtn .rsbtn_play:hover {
	background: rgb(49, 128, 42)  !important;
 }
 
 .rs_addtools a,
 .rs_addtools span,
 .rsbtn a,
 .rsbtn span {
	color: rgb(51, 51, 51);
 }
 
 .rs_addtools .rsbtn_play .rsbtn_right,
 .rsbtn .rsbtn_play .rsbtn_right {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
 .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play:active .rsbtn_right::before,
 .rs_addtools .rsbtn_play:active .rsbtn_text,
 .rs_addtools .rsbtn_play:active .rsbtn_text span,
 .rsbtn .rsbtn_play:active .rsbtn_right::before,
 .rsbtn .rsbtn_play:active .rsbtn_text,
 .rsbtn .rsbtn_play:active .rsbtn_text span {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play:hover .rsbtn_right::before, .rsbtn .rsbtn_play:hover .rsbtn_right::before {
	 color: white !important;
 }