/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';

@media (max-width: 1280px) and (min-width: 470px) {  /* для разрешения экрана от 470 до 930 пикселей */
.navbar-default .navbar-nav > li > a{font-size: 13px !important; padding-left: 15px !important; padding-right: 15px !important;}
}

@media (max-width: 400px) {.alignright {float: none !important;} }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: 1px solid #ddd !important;}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* chromeframe error */
.chromeframe {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.chromeframe a {
	color: #fff;
	text-decoration: underline;
}

.page-header-top-right {
	margin-top: 10px;
}

.pagination {
	margin: 0;
}

.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}

.required {
	color: #f00;
}

.row-with-vspace {
	margin-bottom: 20px;
}

.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}

.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}

.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}

#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}

#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a,
#main-column .attachment .entry-meta .edit-post-link a,
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title,
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}

#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}

#site-footer {
	background: #f5f5f5;
	border-top: 3px solid #ddd;
	font-size: 12px;
	padding: 10px;
}

/* Telska style start */
body{background-image: url('../img/bg.jpeg');background-repeat: no-repeat;background-position: top center;background-size: 100%;background-color: #f3f3f3;cursor:default;}
.navbar{min-height: 49px;background: url('../img/mainmenu.png') repeat-x; border-radius: 4px;border: none; height:49px;box-shadow: 0 0 7px;position: relative; z-index: 1000;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{background-image: none; color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background-color: #f04100 !important; color: #fff;padding-top: 14px;
}
.navbar-default .navbar-nav > li > a{color:#373737;font-weight: bold;background: url('../img/mainmenu-sep.png') left center no-repeat;padding-left:30px;padding-right: 30px;}
.navbar-default .navbar-nav > li > a:hover{color:#f04100;}

.collapse.in{background: #fff;}

.site-main h1{margin-bottom: 20px;}
h1, .type-post h1 a{font-size: 24px;color:#26913c;font-weight:bold;}
h2, h3{font-size: 20px;color:#f04100;}

#main-column .post, #main-column .page{border:none;background:#fff;border-radius:4px;padding:25px 50px;line-height:1.6em;box-shadow: 3px 9px 10px -8px rgba(0,0,0,0.75)}
section.error-404{border:none;background:#fff;border-radius:4px;padding:25px 50px;line-height:1.6em;box-shadow: 3px 9px 10px -8px rgba(0,0,0,0.75)}


/* left sidebr KUSI PAKKUMIST */
#sidebar-left .widget{
	background: #fff url('../img/kusipak.png') top center no-repeat;
	padding:30px 20px;
	min-width: 298px;
	border: none;
	border-radius: 4px;
	box-shadow: 3px 9px 10px -10px rgba(0,0,0,0.75), 3px -8px 10px -10px rgba(0,0,0,0.75);
	min-height: 128px;
	position: relative; z-index: 10;}
#sidebar-left .widget h1{font-size:14px !important; text-transform: uppercase; color: #333;width: 250px;}
.rectangle{border-radius: 10px;padding: 0 0 0 48%; position: relative;}
.rectangle.orange::after{content: ''; border: 10px solid transparent; border-bottom: 10px solid #f04100;position: relative; top: -8px;}
.rectangle.green::after{content: ''; border: 10px solid transparent; border-bottom: 10px solid #26913c; position: relative; top: -8px;}

/* Kusi pakkumist */
#sidebar-left a{
	color: #337ab7;
    display: block;
    height: 100%;
    margin: -70px 0 0 -20px;
    min-height: 298px;
    padding: 80px 0 0 20px;
    position: absolute;
    text-decoration: none;
    width: 100%;
}

/* Right sidebar - LINGID */
#sidebar-right .widget{
	background: #fff url('../img/lingid.png') bottom center no-repeat;
	padding:10px;
	min-width: 298px;
	border: none;
	border-radius: 4px;
	box-shadow: 3px 9px 10px -10px rgba(0,0,0,0.75), 3px -8px 10px -10px rgba(0,0,0,0.75);
	min-height: 60px;
}
#sidebar-right .widget .widget-title{display:none;}

.sidebars{float:left;}
.content-area{float:right;}

h1.kusi-sidebar-title{color:#f04100;font-size:20px;text-align:center;}
h1.lingid-sidebar-title{color:#26913c;font-size:20px;text-align:center;}

.rpwe-block h3 a{color:#26913c !important;font-size:16px !important;}

#site-footer{border:none;}
.footer{font-weight: bold; text-align: center; padding: 20px 0;}

@media
only screen and (max-width: 490px),
(min-device-width: 350px) and (max-device-width: 490px)  {
	/* Заставьте таблицу больше не вести себя как таблица */
	table, thead, tbody, th, td, tr {
		display: block;
		border: none !important;
	}
	/* Скройте заголовки таблицы (но в целях доступности не с display: none;) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		border: none !important;
	}

	tr { border-top: 1px solid #333; }
	td {
		/* Поведение как у «строки» */
		border: none !important;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Теперь как у заголовка таблицы */
		position: absolute;
		/* Значения top/left имитируют отступ */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
}
