html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
font-family: 'PT Sans',sans-serif;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
}
html {
font-size: 62.5%;
overflow-y: scroll;
background: #404040;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #fff;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
border-collapse: separate;
}
caption,
th,
td {
font-weight: 400;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body,
button,
input,
select,
textarea {
font-family: 'PT Sans',sans-serif;
font-size: 1.5rem;
line-height: 1.5;
color: #404040;
}
h1 {
font-size: 28px;
font-weight: 400;
font-family: PT Sans Caption;
}
h2 {
font-size: 24px;
font-weight: 400;
font-family: PT Sans Caption;
}
h3 {
font-size: 20px;
font-weight: 700;
font-family: PT Sans Caption;
}
h4 {
font-size: 18px;
font-weight: 700;
font-family: PT Sans Caption;
}
h5 {
font-size: 16px;
font-weight: 400;
}
h6 {
font-size: 14px;
font-weight: 700;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
font-family: 'PT Sans',sans-serif !important;
font-size: 1.5rem;
line-height: 1.6;
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr,
acronym {
cursor: help;
border-bottom: 1px dotted #666;
}
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
button,
input,
select,
textarea {
font-size: 100%;
vertical-align: middle;
}
input[type='checkbox'],
input[type='radio'] {
padding: 0;
}
input[type='search'] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea {
padding: 5px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
color: #111;
}
textarea {
overflow: auto;
width: 98%;
vertical-align: top;
}
a {
text-decoration: none;
color: #32a7db;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}
#top-bar {
display: block;
background: #1988ba;
}
.main-navigation {
display: block;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
position: relative;
text-align: center;
}
@media (min-width: 420px) {
.main-navigation li {
float: left;
text-align: left;
}
}
.main-navigation a {
font-size: 12px;
font-weight: 200;
display: block;
padding: 15px 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-decoration: none;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 720px) {
.main-navigation a {
padding: 15px 20px;
}
}
.main-navigation ul ul {
position: absolute;
z-index: 99999;
top: auto;
left: 0;
display: none;
float: left;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
padding: 10px 15px;
color: #333;
}
.main-navigation li:hover a,
.main-navigation a:hover {
-webkit-transition: all 1s ease 0!important;
transition: all 1s ease 0!important;
text-decoration: none;
background: #32a7db;
}
.current_page_item a {
border-left: solid #32a7db 2px;
background: #017ab0;
}
.main-navigation ul ul,
.main-navigation li:hover ul a {
-webkit-transition: all 1s ease 0!important;
transition: all 1s ease 0!important;
background: #fdfdfd;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul li.current_page_item a {
border-left: solid #32a7db 2px;
background: #ededed;
}
.menu-toggle {
display: none;
cursor: pointer;
}
#page {
max-width: 1080px;
margin: 0 auto;
}
#site-navigation div i.dashicons {
font-size: 24px;
width: 20px;
height: 20px;
}
#topbar-search {
font-size: 16px;
display: block;
float: right;
overflow: hidden;
height: 48px;
text-align: right;
color: #fff;
}
#topbar-search button {
font-size: 20px;
float: right;
margin: 0;
padding: 13px 20px 15px 17px;
background: #017ab0;
}
#topbar-search button i {
font-size: 24px;
}
#topbar-search form button:hover i {
margin-top: 0;
}
#topbar-search > form > label > input {
font-size: 14px;
width: 0;
margin: 0;
padding: 14px 0 13px;
-webkit-transition: width .7s ease,padding .7s ease;
transition: width .7s ease,padding .7s ease;
border: 0;
border-radius: 0;
background: #ffffff;
box-shadow: none;
}
#topbar-search > form:hover > label > input {
width: 155px;
padding: 14px 13px 13px;
}
#topbar-search form {
overflow: hidden;
height: 48px;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
#breadcrumbs-wrap {
padding: 20px 0;
color: rgba(255, 255, 255, 0.6);
background: #404040;
}
#breadcrumbs-container {
max-width: 1080px;
margin: 0 auto;
}
p#breadcrumbs {
font-size: 13px;
margin-bottom: 0;
}
#breadcrumbs span span {
font-weight: light;
margin: 0 10px;
}
#breadcrumbs span span span {
font-weight: light;
margin: 0;
}
.screen-reader-text {
position: absolute!important;
clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
font-size: 14px;
font-weight: 700;
line-height: normal;
z-index: 100000;
top: 5px;
left: 5px;
display: block;
clip: auto!important;
width: auto;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
color: #21759b;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
.clear:before,
.clear: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 {
display: table;
content: '';
}
span.widget-title {
font-size: 17px;
font-weight: 300;
display: block;
padding: 10px;
color: #fff;
background-color: #32a7db;
}
.widget ul {
margin: 10px 0;
list-style: none;
}
.widget ul li {
display: block;
padding: 7px;
border-bottom: 1px dotted #ddd;
}
.widget input[type='search'] {
width: 93%;
padding: 7px;
}
.widget li.recentcomments {
display: inline-block;
padding: 7px;
}
.widget {
font-size: 12px;
margin: 0 0 4em;
}
.widget select {
max-width: 100%;
}
#content {
overflow: hidden;
}
#main {
padding-bottom: 20px;
}
.entry-meta,
.entry-footer {
font-size: 13px;
font-weight: 300;
clear: both;
margin-top: 10px;
color: #4f4e4e;
}
.entry-meta .dashicons,
.entry-footer .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
}
.entry-meta i,
.entry-footer i,
.entry-meta span,
.entry-footer span {
line-height: 1.1;
margin-left: 10px;
}
.entry-meta i:first-child,
.entry-footer i:first-child,
.entry-meta span:first-child,
.entry-footer span:first-child,
.entry-meta span.author.vcard {
margin-left: 0;
}
article.sticky {
margin-right: -4.35%;
padding: 4%;
border-top: 1px dotted #ddd;
border-left: 1px dotted #ddd;
background: #f8f8f8;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: .5em 0 0;
}
.entry-cols {
font-size: 1px;
line-height: 0;
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
}
.entry-cols:after {
display: inline-block;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 0;
content: '';
}
.entry-content ul {
margin-bottom: 1.5em;
padding-left: 35px;
list-style: disc;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
h1.entry-title a {
margin-bottom: 10px;
padding-bottom: 10px;
color: inherit;
}
h1.entry title a:hover {
text-decoration: none;
border-bottom: 1px dotted #999;
}
.page-header h1 {
font-size: 25px;
font-weight: 300;
margin-bottom: 15px;
}
.page-header {
margin-bottom: 2.5em;
padding-right: 4%;
padding-bottom: 2.5em;
border-bottom: 1px dotted #ddd;
}
.taxonomy-description {
font-size: 14px;
line-height: 22px;
}
.taxonomy-description p {
margin-bottom: 0;
}
.attachment-post-thumbnail,
.wp-post-image {
margin-bottom: 1.5em;
-webkit-transition: .5s ease opacity;
transition: .5s ease opacity;
opacity: .85;
}
.attachment-post-thumbnail:hover,
.wp-post-image:hover {
opacity: 1;
}
.entry-summary .attachment-post-thumbnail {
margin-left: 20px;
}
.comment-content a {
word-wrap: break-word;
}
ol.commentlist {
margin: 0;
list-style: none;
}
li.comment article.comment {
margin-bottom: 20px;
padding: 20px;
border-radius: 3px;
}
li.comment ul {
margin-left: 40px;
list-style: none;
}
li.comment .comment-author.vcard {
font-weight: 700;
line-height: 20px;
}
li.comment .comment-author.vcard .fn {
font-size: 14px;
text-transform: uppercase;
}
li.comment cite {
font-style: normal;
}
li.comment .comment-meta {
margin-bottom: 20px;
}
ol.comment-list,
ol.comment-list ol {
margin: 0;
list-style: none;
}
ol.comment-list ol {
margin-left: 40px;
}
article.comment-body {
font-weight: 400;
margin-bottom: 20px;
padding: 20px;
background: rgba(0, 0, 0, 0.05);
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ededed;
border-radius: 3px;
}
.wp-caption img[class*='wp-image-'] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: .8075em 0;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
#site-navigation,
#masthead .site-branding,
#colophon .site-info,
#content {
display: block;
width: 1080px;
max-width: 100%;
margin: 0 auto;
}
#primary {
padding-top: 20px;
padding-right: 7px;
padding-left: 7px;
}
@media (min-width: 720px) {
#primary {
float: left;
width: 73.47%;
margin-bottom: 70px;
padding-right: 10px; }
}
@media (min-width: 1080px) {
#primary {
padding-left: 0;
}
}
#secondary {
padding: 20px 0 0;
}
@media (min-width: 720px) {
#secondary {
float: right;
width: 24.49%;
}
}
#primary.full-width {
width: 100%;
margin-bottom: 0;
padding: 40px 0 0;
border-right: 0;
}
body.page-template-tpl-left-sidebar-php #secondary {
float: left;
margin-bottom: -99999px;
padding: 40px 3% 99999px 0;
}
body.page-template-tpl-left-sidebar-php #primary {
float: right;
margin-bottom: 0;
padding: 40px 0 0 3%;
border-right: 0;
border-left: 1px dotted #ddd;
}
#masthead {
clear: both;
padding: 5px 0;
}
.site-title {
min-width: 135px;
width: 40%;
max-width: 199px;
margin: 5px auto;
}
@media (min-width: 720px) {
.site-title {
float: left;
width: auto;
}
}
.site-title a {
font-size: 25px;
font-weight: 600;
line-height: 1.1;
text-decoration: none;
color: #252525;
}
.site-title img {
max-width: 100%;
height: auto;
}
h2.site-description {
font-size: 16px;
font-weight: 200;
color: rgba(255, 255, 255, 0.7);
}
#colophon .site-info {
font-size: 14px;
font-weight: 200;
padding: 40px 0;
text-align: center;
color: #f2efdc;
}
#colophon .site-info a {
color: #fff;
}
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
font-size: 1.5rem;
font-weight: 300;
line-height: 1;
padding: 15px 20px;
cursor: pointer;
-webkit-transition: background .5s ease;
transition: background .5s ease;
color: rgba(255, 255, 255, 0.9);
border: 0;
border-radius: 0;
background: #1988ba;
-webkit-appearance: button;
}
.continue-reading-button {
display: inline-block;
margin-bottom: 20px;
}
.button:hover,
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
text-decoration: none;
background: #32a7db;
}
.button:focus,
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
.button:active,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
.entry-content.leftSide,
.entry-content.rightSide {
font-size: 15px;
line-height: 1.5;
display: inline-block;
width: 100%;
text-align: left;
-moz-text-align-last: left;
text-align-last: left;
vertical-align: top;
}
.entry-content.rightSide {
float:right;
}
@media (min-width: 420px) {
.entry-content.leftSide,
.entry-content.rightSide {
width: 350px;
}
}
.entry-content h2 {
font-size: 17px;
font-weight: 700;
margin-bottom: 14px;
}
.yashare-auto-init {
margin-top: 10px;
}
.videoBl {
clear: both;
max-width: 100%;
margin: 0 auto;
padding-top: 15px;
text-align: center;
}
#text-3{
margin-bottom:10px;
}
#wp-alphabet-listing section:first-child ol {
background-color: inherit;
}
#wp-alphabet-listing section:first-child ol ul {
height: 270px!important;
}
.socialButtonsContent > div {
float: left;
}
#ajaxsearchliteres1 {
top: 96px!important;
}
.searchContainer { overflow: hidden;
margin-top: 22px;
}
@media (min-width: 720px) {
.searchContainer {
padding: 0 0 0 15px;
}
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
.main-navigation ul li:hover > ul,
.infinity-end.neverending .site-footer {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
#site-navigation div#btnDevice,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.clear {
clear: both;
}
p,
.site-main .gallery {
margin-bottom: 1.5em;
font-family: 'PT Sans',sans-serif;
}
input[type='search']::-webkit-search-decoration,
.button {
-webkit-appearance: none;
}
#topbar-search:hover button,
li.comment .avatar {
float: right;
}
#topbar-search button:hover,
#colophon {
background: #32a7db;
}
.widget_search .search-submit,
.byline,
.updated,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
li.comment.even article.comment,
li.comment ul li.comment.even article.comment,
li.comment ul li.comment ul li.comment.even article.comment,
li.comment ul li.comment ul li.comment ul li.comment.even article.comment {
background: #f9f9f9;
}
li.comment.odd article.comment,
li.comment ul li.comment.odd article.comment,
li.comment ul li.comment ul li.comment.odd article.comment,
li.comment ul li.comment ul li.comment ul li.comment.odd article.comment {
background: #eee;
}
.socialButtonsContent {
margin: 15px 0 30px 0;
}
#ajaxsearchlite1 {
margin-bottom: 12px;
}
#inline {
display: none;
width: 600px;
}
#inline span.h2 {
font-size: 24px;
font-weight: 400;
display: block;
margin-bottom: 15px;
}
label {
font-family: Georgia, serif;
font-size: 1.2em;
margin-right: 12px;
margin-bottom: 9px;
color: #646464;
}
.txt {
font-family: Tahoma;
font-size: 1.2em;
line-height: 1.4em;
display: inline-block;
width: 420px;
margin-bottom: 10px;
padding: 5px 9px;
color: #676767;
border: 1px dotted #ccc;
}
.txtarea {
font-family: Tahoma;
font-size: 1.2em;
line-height: 1.4em;
display: block;
width: 500px;
height: 150px;
margin-bottom: 10px;
padding: 5px 9px;
resize: none;
color: #676767;
border: 1px dotted #ccc;
}
.txt:focus,
.txtarea:focus {
color: #444;
border-style: solid;
border-color: #bababa;
}
input.error,
textarea.error {
color: #a35959;
border-style: solid;
border-color: #973d3d;
background: #f0bebe;
}
input.error:focus,
textarea.error:focus {
color: #a35959;
border-color: #973d3d;
}
#send {
font-size: 1.2em;
display: block;
padding: 5px 11px;
cursor: pointer;
color: #dee5f0;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99;
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d));
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d');
}
#send:hover {
background: #183d80;
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b));
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0;
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7));
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
div.navigation {
width: 100%;
height: 38px;
margin: 0;
margin-top: 20px;
text-align: center;
border: none;
}
.navigation a,
.navigation span {
line-height: 38px;
display: inline-block;
width: 35px;
height: 38px;
margin-right: 2px;
color: #333;
background: url(//transkriptsiya-pesni.com/wp-content/themes/votheme/images/sprite.png) -35px 0;
}
.navigation a:hover,
.navigation span:hover {
text-decoration: none;
background: url(//transkriptsiya-pesni.com/wp-content/themes/votheme/images/sprite.png) -70px 0;
}
.navigation span.current {
color: #fff;
background: url(//transkriptsiya-pesni.com/wp-content/themes/votheme/images/sprite.png);
}
.navigation .page,
.navigation .gap {
display: none;
}
@media (min-width: 720px) {
.navigation .page,
.navigation .gap {
display: inline-block;
}
}
.navigation .page.current {
display: inline-block;
}
.navigation .page.current + .page {
display: inline-block;
}
.navigation .page.current + .page + .page {
display: inline-block;
}
.search-form {
overflow: hidden;
}
.search-input {
overflow: hidden;
padding: 5px 3px 5px 10px;
}
.s {
display: block;
box-sizing: border-box;
width: 100%;
}
.ng-scope{
font-size:10px;
}
@media (min-width: 720px) {
.s {
margin-top: 35px;
}
}
.site-header input[type='submit'] {
float: right;
width: 66px;
height: 36px;
margin-top: 5px;
background: url(https://cdn3.iconfinder.com/data/icons/eightyshades/512/11_Search-128.png) 0 0 no-repeat;
background-size: 50%;
}
@media (min-width: 720px) {
.site-header input[type='submit'] {
margin-top: 40px;
}
}
.mobileContentBl{display: none;width:320px;margin:0 auto;}
@media only screen and (min-width: 320px) and (max-width: 728px) {
.mobileContentBl{display:block !important;}
}
@media only screen and (max-width: 728px) {
.contentBl{display:none;}
}
#wp-alphabet-listing{
float:none !important;
}
#post-102 .entry-content h1{
line-height: 31px;
padding-bottom: 25px;
}
.widget ul li a{
font-size:14px;
}
.bottomBlock{
margin:25px 0;
}
.entryBlock{
margin-bottom:20px;
}
#ratings-widget-2 .post-ratings-image{
display: none;
}
table.tags_table{
width:100%;
}