.container {
margin-right: auto;
margin-left: auto;
overflow: hidden; max-width: 1180px;
width: 99%;
} .row {
margin-left: -5px;
margin-right: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.hide-xs {
display: none;
}
.show-xs {
display: block;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.hide-sm {
display: none;
}
.show-sm {
display: block;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.hide-md {
display: none;
}
.show-md {
display: block;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.hide-lg {
display: none;
}
.show-lg {
display: block;
}
} .clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}.teaser-324x235,
.teaser-218x150,
.teaser-218x150b,
.teaser-218x150c,
.teaser-100x70,
.teaser-150x105 {
margin: 0 0 20px;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.teaser-324x235 a,
.teaser-218x150 a,
.teaser-218x150b a,
.teaser-218x150c a,
.teaser-100x70 a,
.teaser-150x105 a {
color: #000;
text-decoration: none;
}
.teaser-324x235 a:hover,
.teaser-218x150 a:hover,
.teaser-218x150b a:hover,
.teaser-218x150b a:hover,
.teaser-100x70 a:hover,
.teaser-150x105 a:hover {
color: #090;
text-decoration: none;
}
.teaser-324x235 img,
.teaser-218x150 img,
.teaser-218x150b img,
.teaser-218x150с img,
.teaser-150x105 img {
width: 100%;
} .teaser-324x235 .entry-title {
font-size: 20px;
line-height: 1.2em;
font-weight: 700;
margin: 5px;
}
.teaser-324x235 .entry-excerpt {
color: #666;
font-size: 13px;
margin: 0;
line-height: 1.5em;
} .teaser-218x150 .entry-title {
font-size: 13px;
line-height: 1.375em;
font-weight: 600;
margin: 3px 0 0;
}
.teaser-150x105 .entry-title {
font-size: 13px;
line-height: 1.375em;
font-weight: 600;
margin: 3px 0 0;
}
@media (max-width: 768px) {
.teaser-218x150 .entry-title,
.teaser-150x105 .entry-title {
font-size: 16px;
}
} .teaser-218x150b .entry-title {
font-size: 15px;
line-height: 1.375em;
font-weight: 600;
margin: 3px 0 0 4px;
}
@media (max-width: 992px) {
.teaser-218x150b .entry-title {
font-size: 14px;
}
} .teaser-218x150c .teaser-thumb {
position: absolute;
left: 0;
top: 0;
}
.teaser-218x150c .teaser-meta {
margin-left: 244px;
min-height: 150px;
}
.teaser-218x150c .entry-title {
font-size: 20px;
line-height: 1.375em;
font-weight: 700;
margin: 0 0 5px;
}
.teaser-218x150c .entry-excerpt {
color: #666;
font-size: 13px;
margin: 0;
line-height: 1.5em;
}
@media (max-width: 992px) {
.teaser-218x150c .entry-title {
font-size: 17px;
}
} .teaser-100x70 .teaser-thumb {
position: absolute;
top: 0;
left: 0;
}
.teaser-100x70 .teaser-meta {
margin-left: 110px;
min-height: 70px;
}
.teaser-100x70 .entry-title {
font-size: 14px;
line-height: 1.375em;
margin: 0;
}
@media (max-width: 1200px) and (min-width: 768px) {
.teaser-100x70 .entry-title {
font-size: 13px;
line-height: 18px;
}
}
.sidebar .teaser-218x150b .entry-title,
.sidebar .teaser-100x70 .entry-title {
font-size: 13px;
}
.sidebar .teaser-324x235 .entry-title {
font-size: 18px;
font-weight: 700;
}
.sidebar .teaser-thumb {
filter: grayscale(30%);
transition: all 300ms;
}
.sidebar a:hover .teaser-thumb {
filter: grayscale(0%);
transition: all 300ms;
}
@media (min-width: 992px) {
#sidebar .row:has(> .col-md-6) {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-left: 0;
margin-right: 0;
}
#sidebar .row:has(> .col-md-6) > div {
float: none;
width: auto;
padding-left: 0;
padding-right: 0;
}
#sidebar .row:has(> .col-md-6) > .clear {
display: none;
}
}#menu-toggler{
left: -2000px;
position: absolute;
}
@media (max-width: 768px) {
.nav-menu {
display: none;
}
#menu-toggler:checked + .nav-menu {
display: block;
}
.menu-category-menu {
position: absolute;
width: 100%;
}
#menu-category-menu {
margin: 0;
}
#navbar #menu-category-menu .menu-item {
display: block;
height: auto;
width: 100%;
}
#navbar #menu-category-menu .sub-menu {
position: relative;
clip: unset;
height: auto;
width: 100%;
margin: 0;
}
}.widget-search-form {
margin: 20px 0 !important;
}
.widget-search-form .search-text {
font-size: inherit;
font-family: inherit;
}
.widget-search-form .search-button {
font-size: inherit;
font-family: inherit;
}#hero {
margin-top: 5px;
}
#hero .thumb {
height: 100%;
}
#hero .thumb img {
transition: all 300ms;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-item,
.hero-wrapper {
overflow: hidden;
box-sizing: border-box;
padding: 0;
}
.hero-item:hover .thumb img {
transition: all 300ms;
transform: scale3d(1.1,1.1,1);
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);
}
#hero .thumb:after {
bottom: 0;
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: background-color .3s ease;
-moz-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
box-sizing: border-box;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);
}
#hero .meta {
position: absolute;
bottom: 0px;
color: #fff;
}
.hero-item .heading {
width: 100%;
padding: 0 5px 10px 15px;
font-size: 27px;
line-height: 1.3;
text-shadow: 1px 1px 3px rgba(0,0,0,.2);
margin: 0;
box-sizing: border-box;
color: #fff;
}
.hero-item-1 {
height: 462px;
border-right: 3px solid #fff;
}
.hero-item-2 {
height: 231px;
border-bottom: 3px solid #fff;
}
.hero-item-2 .heading {
font-size: 24px;
}
.hero-item-3 {
border-right: 3px solid #fff;
}
.hero-item-3,
.hero-item-4 {
height: 231px;
}
.hero-item-3 .heading,
.hero-item-4 .heading {
font-size: 16px;
}
@media (max-width: 1200px) and (min-width: 992px) {
.hero-item-1 {
height: 410px;
}
.hero-item-1 .heading {
font-size: 22px;
}
.hero-item-2 {
height: 220px;
}
.hero-item-2 .heading {
font-size: 20px;
}
.hero-item-3,
.hero-item-4 {
height: 190px;
}
.hero-item-3 .heading,
.hero-item-4 .heading {
font-size: 15px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.hero-item-1 {
height: 314px;
}
.hero-item-1 .heading {
font-size: 16px;
}
.hero-item-2 {
height: 168px;
}
.hero-item-2 .heading {
font-size: 15.5px;
}
.hero-item-3,
.hero-item-4 {
height: 146px;
}
.hero-item-3 .heading,
.hero-item-4 .heading {
font-size: 13px;
}
}
@media (max-width: 767px) {
#hero {
width: 100%;
}
#hero .item {
border: none;
}
#hero .hero-item-1 {
width: 100%;
border: none;
margin: 0 0 3px;
height: auto;
}
#hero .hero-item-1 .heading {
font-size: 22px;
}
#hero .hero-wrapper {
overflow-x: auto;
white-space: nowrap;
overflow-y: hidden;
width: 100%;
}
.hero-item-2,
.hero-item-3,
.hero-item-4 {
display: inline-block;
width: 80%;
float: none;
height: 140px;
margin: 0 3px 0 0;
border: none;
}
.hero-item-2 .heading,
.hero-item-3 .heading,
.hero-item-4 .heading {
font-size: 16px;
line-height: 21px;
white-space: normal;
}
}
@media (max-width: 320px) {
#hero .hero-item-2,
#hero .hero-item-3,
#hero .hero-item-4 {
height: 124px;
}
}
.home-section {
margin: 0;
}.category-teaser {
}
.category-teaser-meta {
margin: -100px auto 30px;
float: none;
background: #fff;
padding: 10px 20px 0;
}
.category-teaser-meta .title {
font-size: 1.5em;
}
.category-teaser .entry {
border-top: 1px dashed #eee;
padding: 0;
}
.pagetitle {
margin-bottom: 0;
line-height: 22px;
font-size: 25px;
color: #000;
padding: 6px;
}
a.readmore {
padding: 4px 15px;
font-size: 12px;
}
@media(max-width: 680px) {
.category-teaser .post_thumbnail {
width: 100%;
}
}@font-face {
font-family: 'Open Sans';
src: local('Open Sans Regular'),
local('OpenSans Regular'),
url(//moisovety.com/wp-content/themes/moisovety/fonts/Open-Sans/opensans-regular.woff2) format('woff2'),
url(//moisovety.com/wp-content/themes/moisovety/fonts/Open-Sans/opensans-regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans Bold'),
local('OpenSans Bold'),
url(//moisovety.com/wp-content/themes/moisovety/fonts/Open-Sans/opensans-bold.woff2) format('woff2'),
url(//moisovety.com/wp-content/themes/moisovety/fonts/Open-Sans/opensans-bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.sprite {
background-image: url(//moisovety.com/wp-content/themes/moisovety/images/sprite.png);
background-repeat: no-repeat;
display: block;
}
body {
background: #FFF;
font-family: "Open Sans", "Helvetica Neue", Arial, Tahoma, sans-serif;
font-size: 15px;
line-height: 1.6em;
margin: 0;
}
h1,h2,h3,h4,h5,h6 {
font-weight: 700;
}
#container {
width: 100%;
margin: 5px auto 0;
max-width: 1200px;
}
.branding {
display: block;
width: 100%;
height: 131px;
overflow: hidden;
}
#site-navigation {
overflow: visible;
}
#menu-category-menu {
margin: 0;
padding: 0;
}
a {
color: #080;
text-decoration: none;
}
a:hover {
color: #0B0;
text-decoration: underline;
} #header {
height: 60px;   }
.hidden-el {
padding: 0;
margin: 0;
height: 0;
overflow: hidden;
}
.main-link {
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.main-link:hover {
text-decoration: none;
}
.logoimg {
margin: 0px 0 0 8px;
display: block;
float: left;
width: 580px;
}
.logo-text {
padding: 0;
position: relative;
display: block;
width: 225px;
margin: 0 0 0 15px;
line-height: 0;
}
.logo-text img {
display: block;
width: 225px;
}  #pagemenucontainer {
height: 30px;
float: right;
margin: 30px 0 0 0;
}
#pagemenu {
height: 30px;
}
#pagemenu,
#pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu li:first-child {}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu li a,
#pagemenu li a:link {
color: #A0A09E;
display: block;
margin: 0 4px 0 0;
padding: 10px 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
background: url(//moisovety.com/wp-content/themes/moisovety/images/pagenav-bg.png) left top repeat-x;
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#pagemenu li a:hover,
#pagemenu li a:active {
color: #D01872;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
color: #D01872;
text-decoration: none;
}
#pagemenu li:hover,
#pagemenu li.sfhover {
position: static;
}
#navcontainer {
height: 44px;
display: block;
overflow: hidden;
background: #080; }
#navcontainer .current-cat a {
color: #FFFFFF;
background: url(//moisovety.com/wp-content/themes/moisovety/images/nav-hover.png) left top repeat-x;
}
#menuwrap { } @media (min-width: 1200px) {
.container > .row {
display: flex;
align-items: flex-start;
gap: 30px;
margin-left: 0;
margin-right: 0;
}
.container > .row > #content {
flex: 0 0 840px;
width: 840px;
max-width: 840px;
padding-left: 0;
padding-right: 0;
}
.container > .row > #sidebar {
flex: 0 0 310px;
width: 310px;
max-width: 310px;
padding-left: 0;
padding-right: 0;
}
.container > .row > .clear {
display: none;
}
.container > .row > #content > .post,
.container > .row > #content > .page {
padding-left: 0;
padding-right: 0;
}
.container > .row > #content > .row {
margin-left: 0;
margin-right: 0;
}
.container > .row > #content .post-head {
display: flex;
gap: 10px;
margin-left: 0;
margin-right: 0;
}
.container > .row > #content .post-head > div {
padding-left: 0;
padding-right: 0;
}
.container > .row > #content .post-head > .clear {
display: none;
}
.container > .row > #content .post-head > div:first-child {
flex: 1 1 auto;
min-width: 0;
}
.container > .row > #content .post-head > .thumb-wrapper {
flex: 0 0 440px;
width: 440px;
max-width: 440px;
}
} #content {
padding: 10px 15px;
}
pre {
overflow: auto;
width: 460px;
}
.post {
margin-bottom: 15px;
padding: 0 10px 10px;
}
.post_thumbnail {
padding: 6px; }
.thumb-wrapper img {
width: 100%;
padding: 0;
}
.post p {
margin-bottom: 10px;
}
.title {
margin: 0 0 8px;
padding: 0px;
line-height: 40px;
font-size: 30px;
font-weight: bold;
}
.title a {
text-decoration: none;
color: #000;
}
.title a:hover {
color: #080;
}
.postdate {
font-size: 13px;
font-style: italic;
color: #D4D4CD;
}
.postmeta {
font-size: 11px;
padding: 2px 4px;
color: #D4D4CD;
margin: 10px 0 0;
}
.postdate img,
.postmeta img {
border: none;
vertical-align: middle;
margin: 2px;
}
.entry {
text-align: justify;
padding-top: 8px;
}
.navigation {
padding: 5px 0;
padding: 0;
}
blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #CADAE7;
}
.entry table {
border: 1px solid #888;
border-collapse: collapse;
}
.entry table th,
.entry table td {
padding: 3px 5px;
border: 1px solid #888;
}
.post img,
.type-uk img { width: 100%;
}
img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} .wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:active {
font-size: 15px !important;
padding: 4px 8px !important;
color: #232323 !important;
background: none !important;
border: 1px solid #fff !important;
}
.wp-pagenavi a:hover {
border: 0 !important;
color: #323232 !important;
background: #EAEAE6;
border: 1px solid #F3F3EF !important;
}
.wp-pagenavi span.pages {
font-size: 15px !important;
padding: 4px 8px !important;
color: #232323 !important;
background: none !important;
border: 0 !important;
}
.wp-pagenavi span.current {
font-size: 15px !important;
padding: 4px 8px !important;
font-weight: bold;
color: #fff !important;
background: #080;
border: 1px solid transparent !important;
}
.wp-pagenavi span.extend {
font-size: 15px !important;
padding: 4px 8px !important;
background: transparent !important;
color: #232323 !important;
background: none !important;
border: 0 !important;
}
.u-like {
margin: 15px 0;
text-align: center;
font-size: 1.5em;
font-weight: bold;
} .sidebaradbox {
margin-top: 5px;
text-align: center;
}
.sidebaradbox125 {
margin-top: 10px;
text-align: center;
}
.ad125 {
margin: 5px 0;
} .right-sidebar {
padding: 0 5px 0 0;
}
.sidebar a {
text-decoration: none;
color: #000;
}
.sidebar a:hover {
text-decoration: none;
color: #080;
}
#search {
border: 1px solid #888;
height: 28px;
padding: 0;
text-align: right;
}
#search input {
border: 0;
background: none;
color: #3F3F3F;
}
#s {
width: 208px;
padding: 6px 4px;
margin: 2px 0 0 0px;
background: none;
}
#topsearch #search {
margin-top: 15px;
}
#topsearch #s {
width: 210px;
}
.sidebar .widget {
margin: 0px 0 15px;
overflow: hidden;
}
.sidebar .widgettitle {
margin: 0px 0 5px;
border-bottom: 2px solid #080;
}
.sidebar .widgettitle span {
font-size: 14px;
line-height: 16px;
color: #FFF;
background: #080;
font-weight: bold;
padding: 4px 7px;
display: inline-block;
font-weight: 400;
}
.right-sidebar .widgettitle {
border: 1px solid #F2F2ED;
}
.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}
.sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.sidebar ul li li,
.sidebar ul li ul li {
padding: 6px 6px 6px 10px;
border-bottom: 1px dashed #B7B7B0;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
color: #7F7D7C;
background: none !important;
}
#wp-calendar caption {
padding: 2px 4px;
text-transform: uppercase;
margin: 2px 0 2px 0;
background: none !important;
color: #7F7D7C;
}
#wp-calendar td {
color: #7F7D7C;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td:hover,
#wp-calendar #today {
background: #C82374;
color: #fff;
}
#wp-calendar td:hover a {
color: #fff;
}
#wp-calendar {
empty-cells: show;
font-size: 14px;
margin: 0;
font-weight: bold;
width: 100%;
}
.social-header {
font-size: 20px;
color: #080;
font-weight: 700;
margin: 0 0 10px;
} .main-footer {
background: #000;
position: relative;
overflow: hidden;
}
#footer {
padding: 24px 0;
text-align: center;
color: #FFF;
font-size: 13px;
margin-top: 10px;
float: none;
}
#footer a {
color: #FFF;
}
#footer a:hover {
text-decoration: none;
color: #FFF;
}
#credits {
color: #474545;
font-size: 11px;
text-align: center;
padding: 10px;
display: none;
}
#credits a {
color: #474545;
text-decoration: none;
} #comments h3 {
margin-bottom: 10px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
font-size: 14px;
}
.commentlist .comment {
position: relative;
}
.commentlist .comment-author {
position: relative;
padding: 0 0 5px 58px;
border-bottom: 1px solid #080;
}
.commentlist li { margin-top: 0;
margin-bottom: 0;
padding: 0px 5px 0px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 5px 0;
}
.commentlist .comment-item {
margin: 20px 0;
}
.commentlist .fn { font-size: 1.2em;
font-weight: 700;
font-style: normal;
}
.commentlist .commentmetadata { font-size: 0.9em;
display: flex;
gap: 20px;
justify-content: space-between;
}
.commentlist .commentmetadata .comment-actions {
display: flex;
gap: 20px;
}
.children {
padding: 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.editor-mark {
background: #080;
font-weight: 400;
font-size: 0.8em;
letter-spacing: -0.5px;
color: #fff;
padding: 3px 5px;
border-radius: 3px;
} .menu-primary-responsive-container,
.menu-secondary-responsive-container {
display: none;
margin: 10px 0;
}
.menu-primary-responsive,
.menu-secondary-responsive {
width: 100%;
padding: 5px;
border: 1px solid #ddd;
} @media only screen and (max-width: 768px) {
#container .motto,
.smooth_gallery,
.fullbox_excerpt,
.fullbox_content {
display: none;
}
.header-wrapper {
height: 91px;
}
#header .motto {
display: none;
}
#header,
#header-wrap {
height: 50px;
background: none;
}
#topsearch,
#topsocials,
.feedtwitter {
text-align: center;
display: block;
float: none;
width: auto;
margin: 0;
height: auto;
}
#header .main-name img {
width: 190px;
}
#header .main-name .text-motto {
display: none;
}
.logoimg {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
max-width: 300px;
width: 100%;
}
#search {
text-align: left;
padding-left: 5px;
}
#s {
width: auto !important;
}
#search input[type='image'] {
float: right !important;
}
#pagemenucontainer {
float: none;
display: block;
}
.main-link .logo-text{
padding: 0 0 0 5px;
width: 200px;
}
.main-link .logo-text img{
width: 200px;
}
.main-link .logo-text::after {
left: 10px;
top: 16px;
font-size: 30px;
}
} embed,
object,
video,
.wp-caption {
max-width: 100% !important;
}
img {
height: auto;
} .sitemap {}
.sitemap-col {
width: 30%;
padding: 0 0 0 10px;
}
.sitemap-col-archives {
width: 45%;
padding: 0 0 0 10px;
}
.sitemap h2 {
font-size: 18px;
font-weight: bold;
border-bottom: 2px solid #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.sitemap h3 {
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;
}
.sitemap-list {
font-size: 13px;
line-height: 22px;
}
.sitemap-list,
.sitemap-list ul {
padding: 0 0 0 20px;
} .contact-form {}
.contact-form-label {
width: 90px;
font-weight: bold;
font-size: 14px;
padding: 7px 0;
}
.contact-form-input {
margin-left: 90px;
}
.contact-form input[type=text] {
padding: 6px;
width: 60%;
margin-bottom: 20px;
border: 1px solid #ccc;
background: #fff;
}
.contact-form input[type=submit] {
padding: 5px 50px;
border: 1px solid #ccc;
background: #eee;
}
.contact-form textarea {
width: 96%;
padding: 6px;
height: 160px;
margin-bottom: 20px;
border: 1px solid #ccc;
background: #fff;
}
.contact-form-required {
color: red;
}
.alignright.padding-10 {
padding: 10px 0 10px 10px;
}
.alignleft.padding-10 {
padding: 10px 10px 10px 0;
}
.wpcf7 textarea {
background-color: #fff;
color: #000;
width: 95%;
}
.social-wrapper {
text-align: center;
margin: 15px 0 0;
}
.social-icon-32 {
background: url(//moisovety.com/wp-content/themes/moisovety/images/sprite.png);
display: inline-block;
width: 32px;
height: 32px;
overflow: hidden;
}
.twitter {
background-position: 0 0;
}
.facebook {
background-position: -32px 0;
}
.rss {
background-position: -64px 0;
}
.vk {
background-position: -96px 0;
}
.clear,
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: 700;
} #navbar {
background: #080;
margin: 0 auto; width: 100%;
height: 40px;
}
#navbar a {
color: #FFFFFF;
}
#navbar .main-navigation {
clear: both;
margin: 0 auto; position: relative;
max-width: 1200px;
float: none;
}
#navbar .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute !important;
height: 1px;
width: 1px;
}
#navbar .navigation:before {
content: "";
display: table;
}
#navbar .menu-toggle {
display: none;
}
#navbar ul.nav-menu,
#navbar .nav-menu > ul,
#navbar .nav-menu > div > ul {
margin: 0;
padding: 0 40px 0 0;
}
#navbar .nav-menu li {
display: inline-block;
position: relative;
padding: 0px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
height: 15px;
line-height: 40px;
}
.menu-item-has-children:after {
content: '▾';
display: block;
color: #FFF;
position: absolute;
top: 10px;
right: 5px;
}
#navbar .nav-menu li a {
text-decoration: none;
width: auto;
padding: 0px 16px;
display: block;
z-index: 9999;
position: relative;
background: #080;
}
#navbar .nav-menu li a:hover {
text-decoration: none;
background: #00AA00;
}
#navbar .nav-menu .sub-menu,
#navbar .nav-menu .children {
background-color: #080;
border: 0;
padding: 0;
position: absolute;
left: 0px;
z-index: 99999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
#navbar .sub-menu > li {
width: 100%;
text-transform: none;
font-weight: 400;
text-align: left;
height: auto;
line-height: 14px;
}
#navbar .sub-menu > li a {
width: auto;
display: block;
padding: 10px 15px;
}
#navbar ul.nav-menu li:hover > ul,
#navbar .nav-menu ul li:hover > ul,
#navbar ul.nav-menu .focus > ul,
#navbar .nav-menu .focus > ul {
clip: auto;
overflow: inherit;
height: auto;
width: 160px;
margin: 0;
}
@media (max-width: 768px) {
#navbar .menu-toggle {
display: flex;
gap: 10px;
align-items: center;
height: 30px;
line-height: 30px;
}
#navbar .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
background: none;
border: none;
color: #FFFFFF;
padding: 12px 0 12px 20px;
}
#navbar ul.nav-menu,
#navbar .nav-menu > ul,
#navbar .nav-menu > div > ul {
display: none;
}
#navbar .toggled-on .nav-menu,
#navbar .toggled-on .nav-menu > ul,
#navbar .toggled-on .nav-menu > div > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
}
#navbar .toggled-on li,
#navbar .toggled-on .children {
display: block;
height: auto;
}
#navbar .toggled-on .nav-menu .sub-menu,
#navbar .toggled-on .nav-menu .children {
position: relative;
}
#navbar .toggled-on .nav-menu .sub-menu {
clip: auto;
overflow: inherit;
height: auto;
width: 100%;
margin: 0;
left:0;
}
.entry img {
width: 100%;
padding: 0;
}
.top-banner {
margin: 0 auto;
float: none !important;
}
#navbar .nav-menu li a {
font-size: 17px;
}
#navbar .sub-menu > li a {
text-align: center;
font-size: 15px;
}
.menu-item-has-children:after {
display: none;
}
}
#navbar .menu-toggle {
background: transparent;
cursor: pointer;
padding: 0 0 0 40px;
font-size: 16px;
font-weight: 700;
}
#navbar .menu-toggle:hover {
background-color: #00AA00;
}
#navbar .menu-toggle .icon {
width: 25px;
height: 25px;
display: block;
}
.button.green-button {
background: #2A2A2A;
border: 1px solid #2A2A2A;
color: #FFF;
cursor: pointer;
border-radius: 0;
text-decoration: none;
}
.button.green-button:hover {
background: #080;
border: 1px solid #080;
color: #FFF;
cursor: pointer;
border-radius: 0;
text-decoration: none;
}
.item-category-wrapper {
width:48%;
margin: 0 1%;
float: left;
min-height: 465px;
}
.item-category-title {
margin: 0px 0 5px;
border-bottom: 2px solid #080;
}
.item-category-title span {
font-size: 20px;
line-height: 20px;
color: #FFF;
background: #080;
padding: 7px;
display: inline-block;
font-weight: 300;
}
.item-category-posts-list {
list-style: none;
margin: 0;
}
.item-category-posts-list-item {
font-size: 15px;
border-bottom: 1px solid #B7B7B7;
}
.item-category-posts-list-item img {
width: 100%;
max-height: 200px;
}
#vkwidget1,
#facebookwidget {
margin: 5px auto;
border: 0;
display: block;
}
.post-snippet { }
.snippet-data {
position: relative;
}
.snippet-image {
height: 190px;
overflow: hidden;
margin-bottom: 20px;
background: #000;
}
.snippet-1 .snippet-image {
height: 400px;
}
.snippet-image img {
width: 100%;
border: none;
margin:0;
transition: all 200ms ease;
display: block;
position: relative;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.snippet-data:hover .snippet-image img { transition: all 200ms ease;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.snippet-title {
color: #FFF;
margin-bottom: 0;
position: absolute;
bottom: 0;
padding: 10px 5px 5px;
background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgb(2, 2, 2) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );
text-shadow: 1px -1px 1px #000, -1px 1px 1px #000;
font-weight: 700;
letter-spacing: 1px;
width: 100%;
} .hidden {
display: none;
}
.modal-win-header {
font-size: 20px;
text-align: center;
color: #000;
}
.modal-win-wrapper.modal-visible {
background: rgba(0,0,0, .5);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index: 10;
}
.modal-win-wrapper.modal-visible .modal-win-content {
background: #FFF;
margin: 100px auto;
width: 535px;
overflow: hidden;
padding: 10px;
}
.modal-win-wrapper.modal-visible .hidden {
display: block;
}
.modal-item-wrapper {
margin: 5px auto;
}
.modal-win-wrapper.modal-visible .modal-item-wrapper {
float: left;
width: 48%;
margin: 5px 1%;
}
.modal-win-close {
float: left;
position: relative;
width: 44%;
height: 20px;
overflow: hidden;
margin: 25px 3% 10px;
background: #080;
text-align: center;
color: #FFF;
padding: 5px 0;
cursor: pointer;
font-size: 16px;
line-height: 20px;
}
.modal-win-close:hover {
background: #00AA00;
} @media only screen and (max-width: 530px) {
.item-category-wrapper {
width:100%;
margin:0;
float: none;
min-height: 10px;
}
.item-category-posts-list-item img {
max-height: 480px;
}
.post-snippet {
width: 100%;
float: none;
margin: 1% 0;
}
.snippet-image img {
width: 100%;
}
.motto {
display: none;
}
}
iframe {
width: 100%;
} .black-block {
background: #000;
color: #FFF;
padding: 10px;
}
.black-block hr {
background-color: #FFF;
margin: 2px 0;
height: 1px;
}
.quote-pro {
border: none;
padding: 0;
font-size: 110%;
font-style: italic;
}
.quote-pro::before,
.quote-pro::after {
content: "“";
font-size: 50px;
width: 100%;
height: 12px;
display: block;
text-align: center;
padding: 10px 0;
font-family: Georgia, 'Times New Roman', Times, serif;
}
.quote-pro::after {
content: "”";
}
.cut {
margin: 0px 0 24px 0;
background: url(//moisovety.com/wp-content/themes/moisovety/images/cut.svg) repeat-x 0 0, url(//moisovety.com/wp-content/themes/moisovety/images/cut.svg) repeat-x -13px bottom;
padding: 42px 0 42px 30px;
border: none;
font-style: normal;
}
.color-block {
padding: 10px;
text-align: center;
position: relative;
}
.color-block .block-border {
border: 1px solid #000;
padding: 10px 10%;
position: relative;
}
.green-block {
background: #080;
color: #FFF;
}
.pink-block {
background: #FDADFF;
color: #000;
}
.yellow-block {
background: #F0FFAD;
color: #000;
}
.orange-block {
background: #FFE490;
color: #000;
}
.cyan-block {
background: #AAFFFF;
color: #000;
}
.violet-block {
background: #AB00FF;
color: #FFF;
}
.green-block .block-border,
.violet-block .block-border {
border: 1px solid #FFF;
} .app_win,
.app_ios,
.app_android {
display: block;
padding: 5px 5px 5px 40px;
color: #FFF;
border: 1px solid #FFF;
background: url(//moisovety.com/wp-content/themes/moisovety/images/app_icons.png) 100% 0 no-repeat #080;
outline: 1px solid #000;
width: 70%;
margin: 10px auto;
height: 22px;
text-decoration: none;
position: relative;
}
.app_ios {
background-position: 100% -64px;
}
.app_android {
background-position: 100% -32px;
}
.app_win:hover,
.app_ios:hover,
.app_android:hover {
opacity: 0.8;
color: #FFF;
text-decoration: none;
}
.app_win img,
.app_ios img,
.app_android img {
position: absolute;
top: 0px;
left: 0px;
width: 32px;
height: 32px;
}
.post-ratings {
text-align: center;
}
img.post-ratings-image,
.post-ratings img {
width: auto;
}
.top-banner {
float:left;
width: 300px;
}
.mid-banner {
margin: 15px auto;
width: 340px;
}
.adapted-adsense { 
width: 300px;
height: 250px;
display: block;
margin: 0 auto;
}
@media(min-width: 500px) {
.adapted-adsense { 
width: 336px;
height: 280px;
}
}
@media(min-width: 800px) {
.adapted-adsense { 
width: 580px; 
height: 400px; 
}
}
a.mc-button {
transition: all 0.2s ease;
background-color: #2A2A2A;
color: #fff!important;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
cursor: pointer;
display: inline-block;
text-decoration: none!important;
margin-bottom: 21px;
font-weight: 600;
}
a.mc-button:hover {
transition: all 0.2s ease;
background-color: #080;
}
.td_pull_quote {
clear: both;
position: relative;
border-left: none;
color: #080;
padding: 18px 25px;
}
.td_pull_quote.td_pull_left {
width: 40%;
float: left;
margin-right: 34px;
}
.td_pull_quote.td_pull_right {
width: 30%;
float: right;
margin-left: 34px;
}
.td_pull_quote.td_pull_left p {
text-align: center;
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: none;
}
.td_pull_quote p:before {
position: absolute;
left: 0;
display: block;
content: '“';
width: 15px;
height: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #888;
font-size: 40px;
}
.td_pull_quote p:after {
position: absolute;
bottom: 10px;
right: 10px;
display: block;
content: '”';
width: 15px;
height: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #888;
font-size: 40px;
} .crp_related_widget ul {
list-style-type: none;
font-size: 14px;
}
.sidebar .crp_related_widget ul li {
height: 95px;
padding: 5px 0;
}
.crp_related_widget ul img {
float:left;
margin-right: 10px;
} .navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
}
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
border-radius: 0;
cursor: pointer;
border: 1px solid #080;
padding: 5px;
color: #000; font-size: 1.2em;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #080;
color: #fff;
}
.jsa {
cursor: pointer;
}
.footer-link {
text-decoration: underline;
}
.footer-menu {
list-style: none;
margin: 0 0 8px;
padding: 0;
}
.footer-menu li {
display: inline;
}
.footer-menu li + li:before {
content: " · ";
}
.footer-menu a {
text-decoration: underline;
}
.post-title {
margin-top: 0;
margin-bottom: 7px;
word-wrap: break-word;
font-size: 41px;
line-height: 50px;
}
.post-thumb {
width: 100%;
}
.post-content p {
font-size: 15px;
line-height: 26px;
margin: 14px 0;
padding: 0 4%;
}
.post-content h2 {
font-size: 27px;
line-height: 38px;
margin-top: 30px;
margin-bottom: 20px;
}
.post-content h3 {
font-size: 22px;
line-height: 30px;
margin-top: 27px;
margin-bottom: 17px;
}
.post-content a {
color: #4db2ec;
text-decoration: none;
}
.post-content a:hover {
text-decoration: underline;
} .category-title {
text-transform: uppercase;
font-weight: 700;
margin: 10px 0 25px;
font-size: 30px;
line-height: 1.3em;
}
@media (max-width: 768px) {
.category-title {
font-size: 26px;
}
}
.block-title {
margin: 10px 0 10px;
border-bottom: 2px solid #080;
}
.block-title span {
padding: 7px 12px 4px;
background: #080;
color: #fff;
text-transform: uppercase;
display: inline-block;
font-weight: 400;
font-size: 14px;
} .avatar,
.author-meta .avatar {
width: 48px;
height: 48px;
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
.avatar img {
}
.sprite.avatar {
background-position: 0 -92px;
}
.container .bnr {
width: auto;
margin: 20px auto;
}
.rules {
border-collapse: collapse;
}
.rules td,.rules th {
border: 1px solid #000;
}
.partner-article {
text-align: right;
}
.partner-article span {
color: #fff;
background: #b53a00;
padding: 0 5px;
font-size: 0.8em;
display: inline-block;
}
#widget_crp-5 .textwidget {
position: relative;
overflow: hidden;
} .author-teaser {
background: #dfd;
margin: 20px 0;
padding: 16px;
}
.author-teaser .author-meta {
position: relative;
padding: 0 0 10px 60px;
min-height: 44px;
}
.author-teaser .author-name {
font-weight: 700;
font-size: 1.1em;
}
.author-teaser .specialization {
font-size: 0.85em;
}
.author-teaser .info {
font-style: italic;
}
@media (max-width: 1200px) {
#header {
height: 40px;
}
.logo-text {
width: 150px;
}
.logo-text img {
width: 150px;
height: 40px;
}
#navbar {
height: 30px;
}
#navbar .nav-menu li {
line-height: 30px;
font-size: 14px;
}
#navbar .nav-menu li a {
padding: 0 12px;
font-size: 13px;
}
}
@media (max-width: 768px) {
}
div.wp-postratings {
--wp-postratings-size: 48px;
display: block;
text-align: center;
}
.wp-postratings-item {
filter:
drop-shadow(1px 0 0 rgba(0, 0, 0, 0.65))
drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.65))
drop-shadow(0 1px 0 rgba(0, 0, 0, 0.65))
drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.65));
}
#site-navigation {
position: relative;
}
.lang-switcher {
display: flex;
gap: 10px;
align-items: center;
font-size: 13px;
font-weight: 600;
}
.lang-switcher-item {
color: #fff;
text-decoration: none;
opacity: 1;
}
.lang-switcher-item.is-active {
opacity: .65;
}
.lang-switcher-item:hover {
text-decoration: underline;
}
@media (min-width: 769px) {
#site-navigation {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 768px) {
.lang-switcher {
position: absolute;
top: 0;
right: 20px;
height: 30px;
}
}
.author-full-bio {
margin: 20px 0;
padding: 15px 20px;
background: #f7f7f7;
border-radius: 4px;
line-height: 1.6;
}.wp-postratings {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5em;
} .wp-postratings-rating-preview {
padding-inline-start: 8px;
} .wp-postratings-shape-preview .wp-postratings-track {
color: #d4d4d8;
}
.wp-postratings-shape-preview .wp-postratings-fill,
.wp-postratings-shape-preview .wp-postratings-single {
color: #f5a623;
} .wp-postratings-shape-row {
margin-block: 0.5em;
} .wp-postratings-shape-row .wp-postratings {
vertical-align: middle;
margin-inline: 0.5em;
} .wp-postratings-item {
display: block;
flex: none;
inline-size: var( --wp-postratings-size, 20px );
block-size: var( --wp-postratings-size, 20px );
background-color: currentColor; -webkit-mask-image: var( --wp-postratings-shape );
mask-image: var( --wp-postratings-shape );
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
} .wp-postratings-strip {
position: relative;
display: inline-flex;
vertical-align: middle;
line-height: 1;
}
.wp-postratings-row {
display: flex;
gap: var( --wp-postratings-gap, 2px );
inline-size: max-content;
}
.wp-postratings-track {
color: var( --wp-postratings-color-off, #d4d4d8 );
} .wp-postratings-single {
color: var( --wp-postratings-color-on, #f5a623 );
} .wp-postratings-undecided {
color: var( --wp-postratings-color-off, #d4d4d8 );
}
.wp-postratings-single.wp-postratings-shape-thumb,
.wp-postratings-single.wp-postratings-shape-plusminus,
.wp-postratings-single.wp-postratings-shape-tickcross,
.wp-postratings-single.wp-postratings-shape-updown {
color: var( --wp-postratings-color-on, #f5a623 );
} .wp-postratings-fill {
position: absolute;
inset-block: 0;
inset-inline-start: 0;
overflow: hidden;
color: var( --wp-postratings-color-on, #f5a623 );
inline-size: var( --wp-postratings-fill, 0% );
} .wp-postratings-vote {
display: inline-flex;
align-items: center;
gap: var( --wp-postratings-gap, 2px );
border: 0;
padding: 0;
margin: 0;
min-inline-size: 0;
} .wp-postratings-vote > legend {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.wp-postratings-vote input[type="radio"] {
position: absolute;
opacity: 0;
inline-size: 1px;
block-size: 1px;
margin: 0;
pointer-events: none;
}
.wp-postratings-vote label {
display: block;
cursor: pointer;
color: var( --wp-postratings-color-off, #d4d4d8 );
transition: color var( --wp-postratings-transition, 120ms ease-in-out );
}
.wp-postratings-vote label span {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
} .wp-postratings-scale {
flex-direction: row-reverse;
justify-content: flex-end;
} .wp-postratings-scale label .wp-postratings-item {
background-image: linear-gradient(
to right,
var( --wp-postratings-color-on, #f5a623 ) var( --wp-postratings-step-fill, 0% ),
var( --wp-postratings-color-off, #d4d4d8 ) var( --wp-postratings-step-fill, 0% )
);
}
[dir="rtl"] .wp-postratings-scale label .wp-postratings-item {
background-image: linear-gradient(
to left,
var( --wp-postratings-color-on, #f5a623 ) var( --wp-postratings-step-fill, 0% ),
var( --wp-postratings-color-off, #d4d4d8 ) var( --wp-postratings-step-fill, 0% )
);
} .wp-postratings-scale:hover label .wp-postratings-item,
.wp-postratings-scale:focus-within label .wp-postratings-item,
.wp-postratings-scale:has( input:checked ) label .wp-postratings-item {
background-image: none;
}
.wp-postratings-scale label:hover,
.wp-postratings-scale label:hover ~ label,
.wp-postratings-scale input:focus-visible + label,
.wp-postratings-scale input:focus-visible + label ~ label {
color: var( --wp-postratings-color-hover, var( --wp-postratings-color-on, #f5a623 ) );
}
.wp-postratings-scale input:checked + label,
.wp-postratings-scale input:checked + label ~ label {
color: var( --wp-postratings-color-on, #f5a623 );
}
.wp-postratings-scale input:focus-visible + label {
outline: 2px solid currentColor;
outline-offset: 2px;
}  .wp-postratings-updown button {
display: block;
border: 0;
padding: 0;
margin: 0;
background: none;
cursor: pointer;
color: var( --wp-postratings-color-off, #d4d4d8 );
transition: color var( --wp-postratings-transition, 120ms ease-in-out );
}
.wp-postratings-updown button:hover,
.wp-postratings-updown button:focus-visible {
color: var( --wp-postratings-color-hover, var( --wp-postratings-color-on, #f5a623 ) );
}
.wp-postratings-updown button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .wp-postratings-updown .wp-postratings-up:hover,
.wp-postratings-updown .wp-postratings-up:focus-visible {
color: var( --wp-postratings-color-on, var( --wp-postratings-color-up, #2e9e4f ) );
}
.wp-postratings-updown .wp-postratings-down:hover,
.wp-postratings-updown .wp-postratings-down:focus-visible {
color: var( --wp-postratings-color-on, var( --wp-postratings-color-down, #e5484d ) );
}
.wp-postratings-updown button span {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
} .wp-postratings[aria-busy="true"] {
opacity: 0.5;
transition: opacity var( --wp-postratings-transition, 120ms ease-in-out );
}
.wp-postratings[aria-busy="true"] label,
.wp-postratings[aria-busy="true"] button {
pointer-events: none;
} .wp-postratings-schema {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.wp-postratings-vote label,
.wp-postratings-updown button,
.wp-postratings {
transition: none;
}
}
@media (prefers-contrast: more) {
.wp-postratings,
.wp-postratings-strip,
.wp-postratings-vote {
--wp-postratings-color-off: #6b7280;
}
} @media (prefers-color-scheme: dark) {
.wp-postratings,
.wp-postratings-strip,
.wp-postratings-vote {
--wp-postratings-color-off: #52525b;
}
}