html {
font-size: 14px
}
body {
font-size: 1rem;
color: rgba(0,0,0,.8);
-webkit-font-smoothing: antialiased;
}
a {
color: #FC3C2D;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
outline: 0 !important
}
a:active, a:focus, a:hover {
color: #FC3C2D
}
button {
outline: 0 !important
}
dl dt:not(:first-child) {
margin-top: .4em
}
hr {
border-color: rgba(0,0,0,.05)
}
img {
max-width: 100%;
height: auto
}
p {
margin: 0 0 1em
}
pre {
padding: 1.6em;
margin: 0 0 1.6em;
font-size: .9em;
background-color: #fafafa;
border: 1px solid rgba(0,0,0,.1);
border-radius: 0
}
table {
margin: 0 0 1.6em;
width: 100%
}
tr {
border-bottom: 1px solid #eee
}
th {
padding: .8em;
text-align: left
}
td {
padding: .8em
}
td:first-child, th:first-child {
padding-left: 0
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: .8em
}
ol, ul {
margin: 0 0 1.6em;
padding: 0
}
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0
}
.h6, h6 {
font-size: 1rem;
line-height: 1.5
}
@media (min-width:768px) {
.h6, h6 {
font-size: 1rem;
line-height: 1.5
}
.mnmd-offcanvas
}
@media (min-width:992px) {
.h6, h6 {
font-size: 1rem;
line-height: 1.5
}
}
.h5, h5 {
font-size: 1.125rem;
line-height: 1.4
}
@media (min-width:768px) {
.h5, h5 {
font-size: 1.2rem;
line-height: 1.4
}
}
@media (min-width:992px) {
.h5, h5 {
font-size: 1.25rem;
line-height: 1.4
}
}
.h4, h4 {
font-size: 1.266rem;
line-height: 1.4
}
@media (min-width:768px) {
.h4, h4 {
font-size: 1.44rem;
line-height: 1.4
}
}
@media (min-width:992px) {
.h4, h4 {
font-size: 1.563rem;
line-height: 1.3
}
}
.h3, h3 {
font-size: 1.424rem;
line-height: 1.4
}
@media (min-width:768px) {
.h3, h3 {
font-size: 1.728rem;
line-height: 1.3
}
}
@media (min-width:992px) {
.h3, h3 {
font-size: 1.953rem;
line-height: 1.3
}
}
.h2, h2 {
font-size: 1.602rem;
line-height: 1.3
}
@media (min-width:768px) {
.h2, h2 {
font-size: 2.074rem;
line-height: 1.3
}
}
@media (min-width:992px) {
.h2, h2 {
font-size: 2.441rem;
line-height: 1.2
}
}
.h1, h1 {
font-size: 1.802rem;
line-height: 1.3
}
@media (min-width:768px) {
.h1, h1 {
font-size: 2.488rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.h1, h1 {
font-size: 3.052rem;
line-height: 1.2
}
}
.h0, h0 {
font-size: 2.027rem;
line-height: 1.3
}
@media (min-width:768px) {
.h0, h0 {
font-size: 2.986rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.h0, h0 {
font-size: 3.815rem;
line-height: 1.1
}
}
.h-1, h-1 {
font-size: 2.281rem;
line-height: 1.3
}
@media (min-width:768px) {
.h-1, h-1 {
font-size: 3.583rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.h-1, h-1 {
font-size: 4.768rem;
line-height: 1.1
}
}
.h-2, h-2 {
font-size: 2.566rem;
line-height: 1.3
}
@media (min-width:768px) {
.h-2, h-2 {
font-size: 4.3rem;
line-height: 1.1
}
}
@media (min-width:992px) {
.h-2, h-2 {
font-size: 5.96rem;
line-height: 1.1
}
}
.typescale-n1 {
font-size: .889rem;
line-height: 1.5
}
@media (min-width:768px) {
.typescale-n1 {
font-size: .889rem;
line-height: 1.5
}
}
@media (min-width:992px) {
.typescale-n1 {
font-size: .889rem;
line-height: 1.5
}
}
.typescale-0 {
font-size: 1rem;
line-height: 1.5
}
@media (min-width:768px) {
.typescale-0 {
font-size: 1rem;
line-height: 1.5
}
}
@media (min-width:992px) {
.typescale-0 {
font-size: 14px;
line-height: 1.5
}
}
.typescale-1 {
font-size: 1.125rem;
line-height: 1.4
}
@media (min-width:768px) {
.typescale-1 {
font-size: 1.2rem;
line-height: 1.4
}
}
@media (min-width:992px) {
.typescale-1 {
font-size: 16px;
line-height: 1.4
}
}
.typescale-2 {
font-size: 1.266rem;
line-height: 1.4
}
@media (min-width:768px) {
.typescale-2 {
font-size: 1.44rem;
line-height: 1.4
}
}
@media (min-width:992px) {
.typescale-2 {
font-size: 18px
}
}
.typescale-3 {
font-size: 1.424rem;
line-height: 1.4
}
@media (min-width:768px) {
.typescale-3 {
font-size: 1.728rem;
line-height: 1.3
}
}
@media (min-width:992px) {
.typescale-3 {
font-size: 18px;
line-height: 1.3
}
}
.typescale-4 {
font-size: 1.602rem;
line-height: 1.3
}
@media (min-width:768px) {
.typescale-4 {
font-size: 2.074rem;
line-height: 1.3
}
}
@media (min-width:992px) {
.typescale-4 {
font-size: 22px;
line-height: 1.2
}
}
.typescale-5 {
font-size: 1.802rem;
line-height: 1.3
}
@media (min-width:768px) {
.typescale-5 {
font-size: 2.488rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.typescale-5 {
font-size: 28px;
line-height: 1.2
}
}
.typescale-6 {
font-size: 2.027rem;
line-height: 1.3
}
@media (min-width:768px) {
.typescale-6 {
font-size: 2.986rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.typescale-6 {
font-size: 32px;
line-height: 1.4
}
}
.typescale-7 {
font-size: 2.281rem;
line-height: 1.3
}
@media (min-width:768px) {
.typescale-7 {
font-size: 3.583rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.typescale-7 {
font-size: 4.768rem;
line-height: 1.1
}
}
.typescale-8 {
font-size: 2.566rem;
line-height: 1.3
}
@media (min-width:768px) {
.typescale-8 {
font-size: 4.3rem;
line-height: 1.1
}
}
@media (min-width:992px) {
.typescale-8 {
font-size: 5.96rem;
line-height: 1.1
}
}
.comment-content .h6, .comment-content h6, .typography-copy .h6, .typography-copy h6 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1em;
line-height: 1.5
}
@media (min-width:768px) {
.comment-content .h6, .comment-content h6, .typography-copy .h6, .typography-copy h6 {
font-size: 1em;
line-height: 1.5
}
}
@media (min-width:992px) {
.comment-content .h6, .comment-content h6, .typography-copy .h6, .typography-copy h6 {
font-size: 1em;
line-height: 1.5
}
}
.comment-content .h5, .comment-content h5, .typography-copy .h5, .typography-copy h5 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1.125em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .h5, .comment-content h5, .typography-copy .h5, .typography-copy h5 {
font-size: 1.2em;
line-height: 1.4
}
}
@media (min-width:992px) {
.comment-content .h5, .comment-content h5, .typography-copy .h5, .typography-copy h5 {
font-size: 1.25em;
line-height: 1.4
}
}
.comment-content .h4, .comment-content h4, .typography-copy .h4, .typography-copy h4 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1.266em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .h4, .comment-content h4, .typography-copy .h4, .typography-copy h4 {
font-size: 1.44em;
line-height: 1.4
}
}
@media (min-width:992px) {
.comment-content .h4, .comment-content h4, .typography-copy .h4, .typography-copy h4 {
font-size: 1.563em;
line-height: 1.3
}
}
.comment-content .h3, .comment-content h3, .typography-copy .h3, .typography-copy h3, .typography-copy h2 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1.424em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .h3, .comment-content h3, .typography-copy .h3, .typography-copy h3, .typography-copy h2 {
font-size: 1.728em;
line-height: 1.3
}
}
@media (min-width:992px) {
.comment-content .h3, .comment-content h3, .typography-copy .h3, .typography-copy h3, .typography-copy h2 {
line-height: 1.3;
font-size: 20px;
color: #3a3a3a;
font-weight: 700
}
}
.comment-content .h2, .comment-content h2, .typography-copy .h2 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1.602em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .h2, .comment-content h2, .typography-copy .h2 {
font-size: 2.074em;
line-height: 1.3
}
}
@media (min-width:992px) {
.comment-content .h2, .comment-content h2, .typography-copy .h2 {
font-size: 2.441em;
line-height: 1.2
}
}
.comment-content .h1, .comment-content h1, .typography-copy .h1, .typography-copy h1 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 1.802em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .h1, .comment-content h1, .typography-copy .h1, .typography-copy h1 {
font-size: 2.488em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .h1, .comment-content h1, .typography-copy .h1, .typography-copy h1 {
font-size: 3.052em;
line-height: 1.2
}
}
.comment-content .h0, .comment-content h0, .typography-copy .h0, .typography-copy h0 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 2.027em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .h0, .comment-content h0, .typography-copy .h0, .typography-copy h0 {
font-size: 2.986em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .h0, .comment-content h0, .typography-copy .h0, .typography-copy h0 {
font-size: 3.815em;
line-height: 1.1
}
}
.comment-content .h-1, .comment-content h-1, .typography-copy .h-1, .typography-copy h-1 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 2.281em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .h-1, .comment-content h-1, .typography-copy .h-1, .typography-copy h-1 {
font-size: 3.583em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .h-1, .comment-content h-1, .typography-copy .h-1, .typography-copy h-1 {
font-size: 4.768em;
line-height: 1.1
}
}
.comment-content .h-2, .comment-content h-2, .typography-copy .h-2, .typography-copy h-2 {
margin-top: 1.5em;
margin-bottom: .75em;
font-size: 2.566em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .h-2, .comment-content h-2, .typography-copy .h-2, .typography-copy h-2 {
font-size: 4.3em;
line-height: 1.1
}
}
@media (min-width:992px) {
.comment-content .h-2, .comment-content h-2, .typography-copy .h-2, .typography-copy h-2 {
font-size: 5.96em;
line-height: 1.1
}
}
.comment-content .typescale-n1, .typography-copy .typescale-n1 {
font-size: .889em;
line-height: 1.5
}
@media (min-width:768px) {
.comment-content .typescale-n1, .typography-copy .typescale-n1 {
font-size: .889em;
line-height: 1.5
}
}
@media (min-width:992px) {
.comment-content .typescale-n1, .typography-copy .typescale-n1 {
font-size: .889em;
line-height: 1.5
}
}
.comment-content .typescale-0, .typography-copy .typescale-0 {
font-size: 1em;
line-height: 1.5
}
@media (min-width:768px) {
.comment-content .typescale-0, .typography-copy .typescale-0 {
font-size: 1em;
line-height: 1.5
}
}
@media (min-width:992px) {
.comment-content .typescale-0, .typography-copy .typescale-0 {
font-size: 1em;
line-height: 1.5
}
}
.comment-content .typescale-1, .typography-copy .typescale-1 {
font-size: 1.125em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .typescale-1, .typography-copy .typescale-1 {
font-size: 1.2em;
line-height: 1.4
}
}
@media (min-width:992px) {
.comment-content .typescale-1, .typography-copy .typescale-1 {
font-size: 1.25em;
line-height: 1.4
}
}
.comment-content .typescale-2, .typography-copy .typescale-2 {
font-size: 1.266em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .typescale-2, .typography-copy .typescale-2 {
font-size: 1.44em;
line-height: 1.4
}
}
@media (min-width:992px) {
.comment-content .typescale-2, .typography-copy .typescale-2 {
font-size: 1.563em;
line-height: 1.3
}
}
.comment-content .typescale-3, .typography-copy .typescale-3 {
font-size: 1.424em;
line-height: 1.4
}
@media (min-width:768px) {
.comment-content .typescale-3, .typography-copy .typescale-3 {
font-size: 1.728em;
line-height: 1.3
}
}
@media (min-width:992px) {
.comment-content .typescale-3, .typography-copy .typescale-3 {
font-size: 1.953em;
line-height: 1.3
}
}
.comment-content .typescale-4, .typography-copy .typescale-4 {
font-size: 1.602em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .typescale-4, .typography-copy .typescale-4 {
font-size: 2.074em;
line-height: 1.3
}
}
@media (min-width:992px) {
.comment-content .typescale-4, .typography-copy .typescale-4 {
font-size: 2.441em;
line-height: 1.2
}
}
.comment-content .typescale-5, .typography-copy .typescale-5 {
font-size: 1.802em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .typescale-5, .typography-copy .typescale-5 {
font-size: 2.488em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .typescale-5, .typography-copy .typescale-5 {
font-size: 3.052em;
line-height: 1.2
}
}
.comment-content .typescale-6, .typography-copy .typescale-6 {
font-size: 2.027em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .typescale-6, .typography-copy .typescale-6 {
font-size: 2.986em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .typescale-6, .typography-copy .typescale-6 {
font-size: 3.815em;
line-height: 1.1
}
}
.comment-content .typescale-7, .typography-copy .typescale-7 {
font-size: 2.281em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .typescale-7, .typography-copy .typescale-7 {
font-size: 3.583em;
line-height: 1.2
}
}
@media (min-width:992px) {
.comment-content .typescale-7, .typography-copy .typescale-7 {
font-size: 4.768em;
line-height: 1.1
}
}
.comment-content .typescale-8, .typography-copy .typescale-8 {
font-size: 2.566em;
line-height: 1.3
}
@media (min-width:768px) {
.comment-content .typescale-8, .typography-copy .typescale-8 {
font-size: 4.3em;
line-height: 1.1
}
}
@media (min-width:992px) {
.comment-content .typescale-8, .typography-copy .typescale-8 {
font-size: 5.96em;
line-height: 1.1
}
}
.comment-content .h4, .comment-content h4, .typography-copy .h4, .typography-copy h4 {
font-weight: 700
}
.comment-content .h5, .comment-content h5, .typography-copy .h5, .typography-copy h5 {
color: rgba(0,0,0,.5);
font-weight: 700;
text-transform: uppercase
}
.comment-content .h6, .comment-content h6, .typography-copy .h6, .typography-copy h6 {
font-weight: 700
}
.comment-content blockquote, .typography-copy blockquote {
margin: 0 0 1.6em 0;
border-left: 5px solid #f13b03;
line-height: 1.5;
color: rgba(0,0,0,.5);
background-color: #f4f4f4;
padding: 16px 16px 24px 16px
}
.comment-content blockquote:before, .typography-copy blockquote:before {
content: "\e621";
display: block;
position: relative;
top: .35em;
margin-bottom: .81em;
color: #f13b03;
font-family: iconfont !important;
font-size: 2em;
line-height: .3
}
.comment-content blockquote cite, .typography-copy blockquote cite {
font-size: .86em
}
.comment-content blockquote p, .typography-copy blockquote p {
margin-bottom: 1em;
font-size: 16px
}
.comment-content mark, .typography-copy mark {
color: rgba(0,0,0,.8);
background: #FBFF64
}
.comment-content ol, .comment-content ul, .typography-copy ol, .typography-copy ul {
margin-bottom: 1.6em;
padding-left: 1.8em
}
.comment-content li > ol, .comment-content li > ul, .typography-copy li > ol, .typography-copy li > ul {
margin-bottom: 0
}
.comment-content p, .typography-copy p {
margin-bottom: 1.2em;
font-size: 16px;
line-height: 1.75;
text-align: justify;
word-break: break-all
}
.sticky-tnm-post .tnmStickyMark {
text-transform: uppercase;
letter-spacing: 1px;
display: inline;
border-bottom: 1px solid currentColor;
font-size: 9px;
font-size: .64286rem;
font-weight: 700;
line-height: 1.4;
margin-right: 8px;
text-decoration: none;
font-size: .71429rem;
overflow: hidden
}
.mnmd-responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.mnmd-responsive-video embed, .mnmd-responsive-video iframe, .mnmd-responsive-video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none
}
.rainbow-bar {
width: 100%;
height: 6px;
background: linear-gradient(90deg,#a85e6c 0,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%);
background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#a85e6c),color-stop(12.5%,#a85e6c),color-stop(12.5%,#e37f52),color-stop(25%,#e37f52),color-stop(25%,#ef9f48),color-stop(37.5%,#ef9f48),color-stop(37.5%,#9cb641),color-stop(50%,#9cb641),color-stop(50%,#009484),color-stop(62.5%,#009484),color-stop(62.5%,#21acb8),color-stop(75%,#21acb8),color-stop(75%,#1972dd),color-stop(87.5%,#1972dd),color-stop(87.5%,#8fa0ae),color-stop(100%,#8fa0ae));
background-image: -webkit-linear-gradient(left,#a85e6c 0,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%);
background-image: -moz-linear-gradient(left,#a85e6c 0,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%);
background-image: -o-linear-gradient(left,#a85e6c 0,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%);
background-image: linear-gradient(left,#a85e6c 0,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%)
}
.flexbox {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.flexbox > * {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.flexbox--middle {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.flexbox__item {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
.mnmd-scrollable-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column
}
.mnmd-scrollable-list-wrapper {
position: relative;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden
}
.mnmd-scrollable-list-inner {
height: 0
}
.block-with-bg {
position: relative;
padding: 10px
}
@media (min-width:768px) {
.block-with-bg {
padding: 20px
}
}
.background-wrap {
overflow: hidden;
background: #444
}
.background-img, .has-cover-bg-img {
background-color: #333;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll
}
.header-main .background-img {
background-color: #fff
}
.background-img {
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.single .background-img::before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6) 100%);
}
.background-img:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #111;
opacity: 0;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease
}
.background-img--dimmed:after {
opacity: .2
}
.background-img--darkened:after {
opacity: .4
}
.background-img--more-darkened:after {
opacity: .6
}
.background-img--tinted:after {
background-color: #fff
}
.background-img--floorfade:after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(bottom,#000 0,rgba(0,0,0,.6) 70%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.6) 70%,transparent 100%)
}
.background-img--floorfade-light:after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(bottom,#000 0,transparent 50%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,transparent 50%,transparent 100%)
}
.background-img--scrim-bottom:after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%)
}
.background-pattern {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background-color: #aaa;
background-size: auto;
background-repeat: repeat;
background-attachment: scroll
}
.background-svg-pattern--solid-color {
background-color: #12162d
}
.overlap-background {
position: absolute;
top: 0;
right: 0;
bottom: 60px;
left: 0
}
.mnmd-carousel-nav-a .overlap-background {
bottom: 90px
}
.background-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .6
}
.js-overlay-bg-sub {
display: none
}
.blurred {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px)
}
.blurred-subtle {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px)
}
.blurred-more {
filter: blur(20px);
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px)
}
.blurred-massive {
filter: blur(30px);
-webkit-filter: blur(30px);
-moz-filter: blur(30px);
-o-filter: blur(30px);
-ms-filter: blur(30px)
}
.grayscale {
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.floorfade {
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%);
background-image: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%)
}
.floorfade-pseudo:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%);
background-image: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%)
}
.ceilingfade {
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%);
background-image: linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%)
}
.sidefade-from-left {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%);
background-image: linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%)
}
.sidefade-from-left--wide:before {
content: '';
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: -9999px;
background: rgba(0,0,0,.9)
}
.sidefade-from-left--pseudo:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%);
background-image: linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 70%,transparent 100%)
}
.sidefade-from-right {
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%);
background-image: linear-gradient(-90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.6) 50%,transparent 100%)
}
.color-primary {
color: #FC3C2D
}
.primary-bg-color {
background-color: #FC3C2D !important
}
.secondary-bg-color {
background-color: #0a293b !important
}
.lightgray-bg {
background-color: #fafafa
}
.abs-center, .mnmd-video-box__playlist .is-playing .post__thumb:after, .mnmd-video-player__play-icon {
position: absolute !important;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%,-50%) translateZ(0);
-moz-transform: translate(-50%,-50%) translateZ(0);
-ms-transform: translate(-50%,-50%) translateZ(0);
-o-transform: translate(-50%,-50%) translateZ(0);
transform: translate(-50%,-50%) translateZ(0)
}
.stretched {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.overlay-content, .overlay-content__inner {
position: relative
}
.overlay-bottom.overlay-bottom {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.overlay-center-y.overlay-center-y {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: 0;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.overlap-bottom.overlap-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,50%);
-moz-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
-o-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
.pos-relative {
position: relative !important
}
.u-permalink {
bottom: 0;
left: 0;
outline: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
border-bottom: none !important
}
.p-0 {
padding: 0
}
.p-t-0 {
padding-top: 0
}
.p-r-0 {
padding-right: 0
}
.p-b-0 {
padding-bottom: 0
}
.p-l-0 {
padding-left: 0
}
.p-xs {
padding: 10px !important
}
.p-t-xs {
padding-top: 10px !important
}
.p-r-xs {
padding-right: 10px !important
}
.p-b-xs {
padding-bottom: 10px !important
}
.p-l-xs {
padding-left: 10px !important
}
.p-x-xs {
padding-left: 10px !important;
padding-right: 10px !important
}
.p-y-xs {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.p-sm {
padding: 15px !important
}
.p-t-sm {
padding-top: 15px !important
}
.p-r-sm {
padding-right: 15px !important
}
.p-b-sm {
padding-bottom: 15px !important
}
.p-l-sm {
padding-left: 15px !important
}
.p-x-sm {
padding-left: 15px !important;
padding-right: 15px !important
}
.p-y-sm {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.p-md {
padding: 20px !important
}
.p-t-md {
padding-top: 20px !important
}
.p-r-md {
padding-right: 20px !important
}
.p-b-md {
padding-bottom: 20px !important
}
.p-l-md {
padding-left: 20px !important
}
.p-x-md {
padding-left: 20px !important;
padding-right: 20px !important
}
.p-y-md {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.p-lg {
padding: 30px !important
}
.p-t-lg {
padding-top: 30px !important
}
.p-r-lg {
padding-right: 30px !important
}
.p-b-lg {
padding-bottom: 30px !important
}
.p-l-lg {
padding-left: 30px !important
}
.p-x-lg {
padding-left: 30px !important;
padding-right: 30px !important
}
.p-y-lg {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.p-xl {
padding: 40px !important
}
.p-t-xl {
padding-top: 40px !important
}
.p-r-xl {
padding-right: 40px !important
}
.p-b-xl {
padding-bottom: 40px !important
}
.p-l-xl {
padding-left: 40px !important
}
.p-x-xl {
padding-left: 40px !important;
padding-right: 40px !important
}
.p-y-xl {
padding-top: 40px !important;
padding-bottom: 40px !important
}
.p-xxl {
padding: 50px !important
}
.p-t-xxl {
padding-top: 50px !important
}
.p-r-xxl {
padding-right: 50px !important
}
.p-b-xxl {
padding-bottom: 50px !important
}
.p-l-xxl {
padding-left: 50px !important
}
.p-x-xxl {
padding-left: 50px !important;
padding-right: 50px !important
}
.p-y-xxl {
padding-top: 50px !important;
padding-bottom: 50px !important
}
.m-l-a {
margin-left: auto !important
}
.m-r-a {
margin-right: auto !important
}
.m-x-a {
margin-left: auto !important;
margin-right: auto !important
}
.m-0 {
margin: 0
}
.m-t-0 {
margin-top: 0
}
.m-r-0 {
margin-right: 0
}
.m-b-0 {
margin-bottom: 0
}
.m-l-0 {
margin-left: 0
}
.m-xs {
margin: 10px !important
}
.m-t-xs {
margin-top: 10px !important
}
.m-r-xs {
margin-right: 10px !important
}
.m-b-xs {
margin-bottom: 10px !important
}
.m-l-xs {
margin-left: 10px !important
}
.m-x-xs {
margin-left: 10px !important;
margin-right: 10px !important
}
.m-y-xs {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.m-sm {
margin: 15px !important
}
.m-t-sm {
margin-top: 15px !important
}
.m-r-sm {
margin-right: 15px !important
}
.m-b-sm {
margin-bottom: 15px !important
}
.m-l-sm {
margin-left: 15px !important
}
.m-x-sm {
margin-left: 15px !important;
margin-right: 15px !important
}
.m-y-sm {
margin-top: 15px !important;
margin-bottom: 15px !important
}
.m-md {
margin: 20px !important
}
.m-t-md {
margin-top: 20px !important
}
.m-r-md {
margin-right: 20px !important
}
.m-b-md {
margin-bottom: 20px !important
}
.m-l-md {
margin-left: 20px !important
}
.m-x-md {
margin-left: 20px !important;
margin-right: 20px !important
}
.m-y-md {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.m-lg {
margin: 30px !important
}
.m-t-lg {
margin-top: 30px !important
}
.m-r-lg {
margin-right: 30px !important
}
.m-b-lg {
margin-bottom: 30px !important
}
.m-l-lg {
margin-left: 30px !important
}
.m-x-lg {
margin-left: 30px !important;
margin-right: 30px !important
}
.m-y-lg {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.m-xl {
margin: 40px !important
}
.m-t-xl {
margin-top: 40px !important
}
.m-r-xl {
margin-right: 40px !important
}
.m-b-xl {
margin-bottom: 40px !important
}
.m-l-xl {
margin-left: 40px !important
}
.m-x-xl {
margin-left: 40px !important;
margin-right: 40px !important
}
.m-y-xl {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.m-xxl {
margin: 50px !important
}
.m-t-xxl {
margin-top: 50px !important
}
.m-r-xxl {
margin-right: 50px !important
}
.m-b-xxl {
margin-bottom: 50px !important
}
.m-l-xxl {
margin-left: 50px !important
}
.m-x-xxl {
margin-left: 50px !important;
margin-right: 50px !important
}
.m-y-xxl {
margin-top: 50px !important;
margin-bottom: 50px !important
}
.spacer-xs {
height: 20px;
clear: both
}
.spacer-sm {
height: 30px;
clear: both
}
.spacer-md {
height: 40px;
clear: both
}
.spacer-lg {
height: 60px;
clear: both
}
.spacer-xl {
height: 80px;
clear: both
}
.spacer-xxl {
height: 100px;
clear: both
}
.max-width-xs {
max-width: 320px !important
}
.max-width-sm {
max-width: 720px !important
}
.max-width-md {
max-width: 940px !important
}
.max-width-lg {
max-width: 1140px !important
}
.max-width-xl {
max-width: 1440px !important
}
.max-width-xxl {
max-width: 1920px !important
}
[class*=max-width-].text-center {
margin-left: auto;
margin-right: auto
}
@media (max-width:767px) {
.fullwidth-xs {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px
}
.comment-content p, .typography-copy p {
font-size: 16px;
line-height: 26px;
color: #444
}
}
.ratio-1by1 {
position: relative;
padding-bottom: 100%;
height: 0
}
.ratio-2by1 {
position: relative;
padding-bottom: 50%;
height: 0
}
.ratio-3by1 {
position: relative;
padding-bottom: 33.33%;
height: 0
}
.ratio-4by3 {
position: relative;
padding-bottom: 75%;
height: 0
}
.ratio-16by9 {
position: relative;
padding-bottom: 56.25%;
height: 0
}
@media (max-width:767px) {
.text-center-xs {
text-align: center
}
}
.text-white {
color: #fff !important
}
.text-underline {
text-decoration: underline
}
.inverse-text {
position: relative;
color: #fff
}
.inverse-text .text-secondary {
color: rgba(255,255,255,.8)
}
.category-tile__name, .text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.truncate-y {
position: relative;
overflow: hidden
}
.truncate-y:after {
content: '';
display: block;
height: 40px;
width: 100%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(bottom,#000 0,rgba(255,255,255,.7) 70%,rgba(255,255,255,0) 100%);
background: linear-gradient(0deg,#fff 0,rgba(255,255,255,.7) 70%,rgba(255,255,255,0) 100%)
}
.link-overlay {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.link-block {
display: block
}
.meta-color, a.meta-color {
color: rgba(0,0,0,.4)
}
.meta-text, a.meta-text {
color: rgba(0,0,0,.4)
}
.v-align {
vertical-align: middle
}
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.has-mdicon > a, .has-mdicon > b, .has-mdicon > em, .has-mdicon > i, .has-mdicon > span, .has-mdicon > strong {
vertical-align: middle
}
.list-unstyled, .mnmd-video-box__playlist ul {
margin: 0;
padding: 0;
list-style: none
}
.list-center {
text-align: center
}
.list-center > li {
display: inline-block
}
.list-float::after {
clear: both;
content: "";
display: table
}
.list-float > li {
float: left
}
.list-space-xs {
margin-top: -5px;
margin-bottom: -5px
}
.list-space-xs > * {
padding-top: 5px;
padding-bottom: 5px
}
.list-space-sm {
margin-top: -7.5px;
margin-bottom: -7.5px
}
.list-space-sm > * {
padding-top: 7.5px;
padding-bottom: 7.5px
}
.list-space-md {
margin-top: -10px;
margin-bottom: -10px
}
.list-space-md > * {
padding-top: 10px;
padding-bottom: 10px
}
.list-space-lg {
margin-top: -15px;
margin-bottom: -15px
}
.list-space-lg > * {
padding-top: 15px;
padding-bottom: 15px
}
.list-space-xl {
margin-top: -20px;
margin-bottom: -20px
}
.list-space-xl > * {
padding-top: 20px;
padding-bottom: 20px
}
.list-space-xxl {
margin-top: -25px;
margin-bottom: -25px
}
.list-space-xxl > * {
padding-top: 25px;
padding-bottom: 25px
}
.list-horizontal {
margin-top: 0;
margin-bottom: 0
}
.list-horizontal > li {
display: inline-block;
padding-top: 0;
padding-bottom: 0
}
.list-horizontal.list-space-xs {
margin-left: -5px;
margin-right: -5px
}
.list-horizontal.list-space-xs > * {
padding-left: 5px;
padding-right: 5px
}
.list-horizontal.list-space-sm {
margin-left: -7.5px;
margin-right: -7.5px
}
.list-horizontal.list-space-sm > * {
padding-left: 7.5px;
padding-right: 7.5px
}
.list-horizontal.list-space-md {
margin-left: -10px;
margin-right: -10px
}
.list-horizontal.list-space-md > * {
padding-left: 10px;
padding-right: 10px
}
.list-horizontal.list-space-lg {
margin-left: -15px;
margin-right: -15px
}
.list-horizontal.list-space-lg > * {
padding-left: 15px;
padding-right: 15px
}
.list-horizontal.list-space-xl {
margin-left: -20px;
margin-right: -20px
}
.list-horizontal.list-space-xl > * {
padding-left: 20px;
padding-right: 20px
}
.list-horizontal.list-space-xxl {
margin-left: -25px;
margin-right: -25px
}
.list-horizontal.list-space-xxl > * {
padding-left: 25px;
padding-right: 25px
}
[class*=list-seperated].list-space-xs {
margin-top: -10px;
margin-bottom: -10px
}
[class*=list-seperated].list-space-xs > * {
padding-top: 10px;
padding-bottom: 10px
}
[class*=list-seperated].list-space-sm {
margin-top: -15px;
margin-bottom: -15px
}
[class*=list-seperated].list-space-sm > * {
padding-top: 15px;
padding-bottom: 15px
}
[class*=list-seperated].list-space-md {
margin-top: -20px;
margin-bottom: -20px
}
[class*=list-seperated].list-space-md > * {
padding-top: 20px;
padding-bottom: 20px
}
[class*=list-seperated].list-space-lg {
margin-top: -30px;
margin-bottom: -30px
}
[class*=list-seperated].list-space-lg > * {
padding-top: 30px;
padding-bottom: 30px
}
[class*=list-seperated].list-space-xl {
margin-top: -40px;
margin-bottom: -40px
}
[class*=list-seperated].list-space-xl > * {
padding-top: 40px;
padding-bottom: 40px
}
[class*=list-seperated].list-space-xxl {
margin-top: -50px;
margin-bottom: -50px
}
[class*=list-seperated].list-space-xxl > * {
padding-top: 50px;
padding-bottom: 50px
}
[class*=list-seperated] > :not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.05)
}
[class*=list-seperated] > :nth-child(1), [class*=list-seperated] > :nth-child(2) {
border-bottom: 1px solid rgba(0,0,0,.05)
}
.single .list-seperated li:nth-child(3), .single .list-seperated li:nth-child(4) {
border-bottom: 1px solid transparent
}
.single .list-seperated li:nth-child(1), .single .list-seperated li:nth-child(3) {
margin-right: 30px
}
.related-posts .list-seperated li {
width: 48%;
float: left
}
@media (max-width:640px) {
.related-posts .list-seperated li {
width: 100%;
}
[class*=list-seperated] > :nth-child(1), [class*=list-seperated] > :nth-child(2), .single [class*=list-seperated] > :nth-child(3) {
border-bottom: 1px solid rgba(0,0,0,.05)
}
}
.list-seperated-only-first > :not(:first-child) {
border-bottom: none
}
.list-seperated-only-last > :last-child {
border-bottom: 1px solid rgba(0,0,0,.05)
}
.list-seperated-exclude-first > :first-child {
border-bottom: none
}
.inverse-text .list-seperated > :not(:last-child), .overlay-content .list-seperated > :not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,.1)
}
.inverse-text .list-seperated-only-first > :first-child, .overlay-content .list-seperated-only-first > :first-child {
border-top: 1px solid rgba(255,255,255,.1)
}
.inverse-text .list-seperated-only-last > :last-child, .overlay-content .list-seperated-only-last > :last-child {
border-bottom: 1px solid rgba(255,255,255,.1)
}
.list-square-bullet {
list-style: none
}
.list-square-bullet > li > * {
position: relative;
padding-left: 15px
}
.list-square-bullet > li > :before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: .5em;
right: auto;
bottom: auto;
left: 0;
background: rgba(0,0,0,.1)
}
.list-square-bullet-exclude-first > li:not(:first-child) > * {
position: relative;
padding-left: 15px
}
.list-square-bullet-exclude-first > li:not(:first-child) > :before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: .58em;
right: auto;
bottom: auto;
left: 0;
background: rgba(0,0,0,.1)
}
.weibo-theme-bg {
background-color: #e6162d !important
}
.qqkongjian-theme-bg {
background-color: #ffc028 !important
}
.weixin-theme-bg {
background-color: #51c332 !important
}
.baidutieba-theme-bg {
background-color: #306bfa !important
}
.baidutieba-theme-bg i {
font-size: 20px !important
}
.poster-bt {
background-color: #fc3c2d !important
}
.mnmd-carousel-shadow-1 .owl-stage-outer, .shadow-1 {
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
.mnmd-carousel-shadow-2 .owl-stage-outer, .shadow-2 {
box-shadow: 0 3px 6px rgba(0,0,0,.05),0 3px 6px rgba(0,0,0,.06)
}
.mnmd-carousel-shadow-3 .owl-stage-outer, .shadow-3 {
box-shadow: 0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05)
}
.mnmd-carousel-shadow-4 .owl-stage-outer, .shadow-4 {
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04)
}
.mnmd-carousel-shadow-5 .owl-stage-outer, .shadow-5 {
box-shadow: 0 19px 38px rgba(0,0,0,.06),0 15px 12px rgba(0,0,0,.04)
}
.shadow-hover-1 {
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.shadow-hover-1:hover {
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
.shadow-hover-2 {
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.shadow-hover-2:hover {
box-shadow: 0 3px 6px rgba(0,0,0,.05),0 3px 6px rgba(0,0,0,.06)
}
.shadow-hover-3 {
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.shadow-hover-3:hover {
box-shadow: 0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05)
}
.shadow-hover-4 {
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.shadow-hover-4:hover {
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04)
}
.shadow-hover-5 {
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.shadow-hover-5:hover {
box-shadow: 0 19px 38px rgba(0,0,0,.06),0 15px 12px rgba(0,0,0,.04)
}
.stacked-top {
box-shadow: 0 -20px 0 -10px #f5f5f5,0 -38px 0 -20px #fafafa
}
.stacked-bottom {
box-shadow: 0 20px 0 -10px #f5f5f5,0 38px 0 -20px #fafafa
}
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1.2)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes kenburns {
0% {
-moz-transform: scale(1.2)
}
100% {
-moz-transform: scale(1)
}
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.scroll-area-horizontal {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.scroll-area-horizontal__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: no-wrap;
-moz-box-lines: no-wrap;
box-lines: no-wrap;
-webkit-flex-wrap: no-wrap;
-moz-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap
}
.scroll-area-horizontal__inner > * {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.kenburns {
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation-name: kenburns;
-moz-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-duration: 30s;
-moz-animation-duration: 30s;
animation-duration: 30s;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
animation-direction: alternate
}
.site-wrapper {
overflow: hidden
}
.site-content {
padding-bottom: 30px;
padding-top: 20px
}
.site-content.cat-yes-banner {
padding-top: 0
}
.home .site-content > #owl-banner {
margin-top: -20px
}
.home.paged .site-content {
padding-top: 30px
}
@media (min-width:768px) {
.site-content {
padding-bottom: 20px
}
}
@media (max-width:767px) {
.container.fullwidth-xs {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0
}
}
.container--narrow {
max-width: 970px
}
.container--wide {
width: 100%;
max-width: 1170px
}
.container--fw {
width: 100%;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.container--fw {
padding-left: 30px;
padding-right: 30px
}
}
.mnmd-main-col {
width: 100%;
min-height: 1px;
float: left;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.mnmd-main-col {
width: 73%;
padding-right: 0
}
}
@media (min-width:1200px) {
.mnmd-main-col {
width: 840px;
padding-right: 35px
}
.relive_v3_15.mnmd-main-col {
padding-right: 0
}
.container--narrow .mnmd-main-col {
padding-right: 15px
}
.container--narrow.relive_v3_container--narrow .mnmd-main-col {
width: 970px
}
}
.mnmd-main-col.has-left-sidebar {
float: right
}
@media (min-width:1200px) {
.mnmd-main-col.has-left-sidebar {
padding-left: 35px;
padding-right: 15px
}
}
.mnmd-sub-col {
width: 100%;
float: left;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.mnmd-sub-col {
padding-top: 0;
width: 27%
}
}
@media (min-width:1200px) {
.mnmd-sub-col {
width: 330px
}
}
.row--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.row--flex.row--vertical-center {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.row--flex > [class*=col-] {
float: none
}
.row--stack > [class*=col-] {
margin-bottom: 30px
}
.row--space-between {
margin-top: -15px;
margin-bottom: -15px;
clear: both
}
.row--space-between > [class*=col-] {
padding-top: 15px;
padding-bottom: 15px
}
@media (max-width:640px) {
.row--space-between .col-md-3:nth-child(1), .row--space-between .col-md-3:nth-child(3) {
padding-right: 5px;
}
.row--space-between .col-md-3:nth-child(2), .row--space-between .col-md-3:nth-child(4) {
padding-left: 5px;
}
.row--space-between .category {
padding-top: 5px;
padding-bottom: 5px
}
}
.grid-no-gutter .row, .grid-no-gutter.row {
margin-left: 0;
margin-right: 0
}
.grid-no-gutter .row--space-between, .grid-no-gutter.row--space-between {
margin-top: 0;
margin-bottom: 0
}
.grid-no-gutter [class*=col-] {
padding-left: 0;
padding-right: 0
}
.grid-no-gutter .row--space-between > [class*=col-], .grid-no-gutter.row--space-between > [class*=col-] {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0
}
.grid-gutter-2 .row, .grid-gutter-2.row {
margin-left: -1px;
margin-right: -1px
}
.grid-gutter-2 .row--space-between, .grid-gutter-2.row--space-between {
margin-top: -1px;
margin-bottom: -1px
}
.grid-gutter-2 [class*=col-] {
padding-left: 1px;
padding-right: 1px
}
.grid-gutter-2 .row--space-between > [class*=col-], .grid-gutter-2.row--space-between > [class*=col-] {
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px
}
.grid-gutter-4 .row, .grid-gutter-4.row {
margin-left: -2px;
margin-right: -2px
}
.grid-gutter-4 .row--space-between, .grid-gutter-4.row--space-between {
margin-top: -2px;
margin-bottom: -2px
}
.grid-gutter-4 [class*=col-] {
padding-left: 2px;
padding-right: 2px
}
.grid-gutter-4 .row--space-between > [class*=col-], .grid-gutter-4.row--space-between > [class*=col-] {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px
}
.grid-gutter-10 .row, .grid-gutter-10.row {
margin-left: -5px;
margin-right: -5px
}
.grid-gutter-10 .row--space-between, .grid-gutter-10.row--space-between {
margin-top: -5px;
margin-bottom: -5px
}
.grid-gutter-10 [class*=col-] {
padding-left: 5px;
padding-right: 5px
}
.grid-gutter-10 .row--space-between > [class*=col-], .grid-gutter-10.row--space-between > [class*=col-] {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px
}
.grid-gutter-20 .row, .grid-gutter-20.row {
margin-left: -10px;
margin-right: -10px
}
.grid-gutter-20 .row--space-between, .grid-gutter-20.row--space-between {
margin-top: -10px;
margin-bottom: -10px
}
.grid-gutter-20 [class*=col-] {
padding-left: 10px;
padding-right: 10px
}
.grid-gutter-20 .row--space-between > [class*=col-], .grid-gutter-20.row--space-between > [class*=col-] {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px
}
.grid-gutter-40 .row, .grid-gutter-40.row {
margin-left: -20px;
margin-right: -20px
}
.grid-gutter-40 .row--space-between, .grid-gutter-40.row--space-between {
margin-top: -20px;
margin-bottom: -20px
}
.grid-gutter-40 [class*=col-] {
padding-left: 20px;
padding-right: 20px
}
.grid-gutter-40 .row--space-between > [class*=col-], .grid-gutter-40.row--space-between > [class*=col-] {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px
}
.grid-gutter-50 .row, .grid-gutter-50.row {
margin-left: -25px;
margin-right: -25px
}
.grid-gutter-50 .row--space-between, .grid-gutter-50.row--space-between {
margin-top: -25px;
margin-bottom: -25px
}
.grid-gutter-50 [class*=col-] {
padding-left: 25px;
padding-right: 25px
}
.grid-gutter-50 .row--space-between > [class*=col-], .grid-gutter-50.row--space-between > [class*=col-] {
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px
}
.site-header {
position: relative;
background: #fff;
box-shadow: 0 3px 2px 0 rgba(0,0,0,.03),0 1px 0 0 rgba(0,0,0,.04),0 -1px 0 0 rgba(0,0,0,.04);
z-index: 20
}
.site-header__inner {
padding: 0 15px
}
.container .site-header__inner {
padding: 0
}
.top-bar__inner {
padding: 10px 0
}
.top-bar__inner--fw {
padding: 10px 30px
}
.top-bar__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.top-bar__inner--flex > .top-bar__section {
padding-right: 20px
}
.top-bar__inner--flex > .top-bar__section:last-child {
padding-right: 0
}
.top-bar__nav .navigation {
margin: 0 -8px;
font-size: 12px
}
.top-bar__nav .navigation a {
color: rgba(255,255,255,.8)
}
.top-bar__nav .navigation li {
position: relative
}
.top-bar__nav .navigation > li > a {
padding: 0 8px;
line-height: 20px
}
.top-bar__nav .navigation > li.menu-item-has-children > a:after {
display: inline-block;
font-family: mdicon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e5c5';
display: inline-block;
margin-left: .1em;
margin-top: -.2em;
font-size: 1.2em
}
.top-bar__nav .navigation .sub-menu {
min-width: 200px;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 0;
margin-top: 11px;
padding: 8px;
background: #fafafa;
color: rgba(0,0,0,.6);
opacity: 0;
visibility: hidden;
z-index: 10;
border: 1px solid rgba(0,0,0,.05);
box-shadow: 0 4px 6px rgba(0,0,0,.09);
-webkit-transition: all .1s ease-in-out .1s;
-moz-transition: all .1s ease-in-out .1s;
transition: all .1s ease-in-out .1s
}
.top-bar__nav .navigation li:hover > .sub-menu {
opacity: 1;
visibility: visible
}
.top-bar__nav .navigation .sub-menu a {
display: block;
padding: 4px 8px;
color: rgba(0,0,0,.6)
}
.top-bar__nav .navigation .sub-menu li:hover > a {
background: rgba(0,0,0,.05)
}
.top-bar a {
color: rgba(0,0,0,.4)
}
.top-bar__nav .navigation > li > a {
color: rgba(0,0,0,.4);
-webkit-transition: "color",.2s;
-moz-transition: "color",.2s;
transition: "color",.2s
}
.top-bar__nav .navigation > li:hover > a {
color: rgba(0,0,0,.8)
}
.top-bar--fullwidth {
border-bottom: 1px solid rgba(0,0,0,.05)
}
.top-bar:not(.top-bar--fullwidth) .top-bar__inner {
border-bottom: 1px solid rgba(0,0,0,.05)
}
.top-bar--inverse.top-bar--fullwidth {
background: #111;
color: rgba(255,255,255,.8)
}
.top-bar--inverse .social-list--inline > li > a, .top-bar--inverse .top-bar__nav .navigation > li > a {
color: rgba(255,255,255,.8);
-webkit-transition: "color",.2s;
-moz-transition: "color",.2s;
transition: "color",.2s
}
.top-bar--inverse .social-list--inline > li:hover > a, .top-bar--inverse .top-bar__nav .navigation > li:hover > a {
color: #fff
}
.header-main {
padding: 5px 0
}
@media (min-width:992px) {
.header-main {
padding: 25px 0
}
}
.header-main__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.header-main__section {
padding-right: 20px
}
.header-main__section:last-child {
padding-right: 0
}
.header-main--inverse {
background: #1B1D1C;
color: rgba(255,255,255,.8)
}
.navigation-bar .header-branding {
max-width: 30%
}
.header-branding--mobile {
min-width: 0
}
.site-title {
color: #FC3C2D;
font-size: 36px;
font-weight: 700
}
.header-gg {
float: right
}
.header-gg img {
max-height: 90px
}
@media (min-width:1200px) {
.site-title {
font-size: 48px
}
}
.site-title:first-child {
margin-top: 0
}
.site-title:last-child {
margin-bottom: 0
}
.site-title a {
color: inherit;
text-decoration: none
}
.navigation-bar .site-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 36px;
line-height: 60px
}
.site-description {
font-size: 14px;
color: rgba(0,0,0,.4)
}
.mobile-header .site-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 20px
}
.mobile-header .site-title a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.header-logo a {
text-decoration: none !important
}
.navigation-bar .header-logo {
display: inline-block;
vertical-align: middle
}
.navigation-bar .header-logo img {
max-height: 70px;
padding: 10px 0
}
.navigation-bar--inverse .header-logo--text, .navigation-bar--inverse .header-logo--text a {
color: #fff
}
.header-main-btn {
display: inline-block;
padding: 5px 10px;
font-size: 24px;
text-align: center;
cursor: pointer;
vertical-align: middle;
color: inherit;
text-decoration: none
}
.header-main-btn:active, .header-main-btn:focus, .header-main-btn:hover {
color: inherit;
text-decoration: none
}
.header-main-btn .mdicon, .header-main-btn i {
font-size: 1.2em
}
.header-main-btn .mdicon:not(:last-child), .header-main-btn i:not(:last-child) {
margin-right: .2em
}
.header-main .header-search .search-form__input {
box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
.navigation-bar {
height: 70px;
position: relative;
z-index: 1
}
.navigation-bar--fullwidth {
background: #fff
}
.navigation-bar__inner {
position: relative;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
padding-left: 10px;
padding-right: 10px
}
.navigation-bar--fullwidth .navigation-bar__inner {
padding-left: 15px;
padding-right: 15px
}
.navigation-bar--fullwidth .container .navigation-bar__inner {
padding-left: 0;
padding-right: 0
}
.navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner {
box-shadow: 0 -1px 0 rgba(0,0,0,.05)
}
.navigation-bar__section {
min-width: 0;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.navigation-bar__section:first-child {
padding-left: 0
}
.navigation-bar__section:last-child {
padding-right: 0
}
.navigation-wrapper {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden
}
@media (min-width:1200px) {
.navigation-bar .header-logo {
padding-right: 20px
}
}
.navigation--main {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-size: 0
}
.navigation--main * {
white-space: initial
}
.navigation--main a {
text-decoration: none
}
.navigation--main > li {
font-size: 14px;
font-size: 1rem;
white-space: normal;
text-align: left
}
.navigation--main > li > a {
display: inline-block;
height: 70px;
padding: 0 15px;
font-size: 16px;
font-size: 1.14285714rem;
line-height: 70px;
font-weight: 700;
text-transform: uppercase
}
.navigation--main .sub-menu > li.menu-item-has-children > a:after, .navigation--main > li.menu-item-has-children > a:after {
display: inline-block;
font-family: iconfont !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e74a";
display: inline-block;
margin-left: .2em;
margin-top: -.1em;
font-size: 1em;
letter-spacing: -.2857em
}
.navigation--main .sub-menu > li.menu-item-has-children > a {
position: relative;
padding-right: 20px
}
.navigation--main .sub-menu > li.menu-item-has-children > a:after {
content: "\e6f8";
position: absolute;
top: 50%;
right: 7px;
left: auto;
bottom: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.navigation--main > li > a {
position: relative;
color: rgba(0,0,0,.8);
-webkit-transition: all .2s ease-out 50ms;
-moz-transition: all .2s ease-out 50ms;
transition: all .2s ease-out 50ms
}
.navigation--main > li > a:before {
content: '';
display: block;
height: 3px;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: #FC3C2D;
-webkit-transform: scale(1,0);
-moz-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.navigation--main > li.current-menu-item > a, .navigation--main > li:hover > a {
color: rgba(0,0,0,.8)
}
.navigation--main > li.current-menu-item > a:before, .navigation--main > li:hover > a:before {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.navigation--main .sub-menu {
color: rgba(0,0,0,.6);
font-size: 14px;
font-size: 1rem;
line-height: 1.4
}
.navigation--main li > .sub-menu .sub-menu, .navigation--main > li > .sub-menu {
width: 220px;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: auto;
padding: 10px;
background: #fafafa;
opacity: 0;
visibility: hidden;
box-shadow: 0 0 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05);
-webkit-transform: scale(1,.9);
-moz-transform: scale(1,.9);
-ms-transform: scale(1,.9);
-o-transform: scale(1,.9);
transform: scale(1,.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
-moz-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
z-index: 30
}
.navigation--main li:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
-moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
transition: all .3s cubic-bezier(.165,.84,.44,1) .2s
}
.navigation--main li > .sub-menu .sub-menu {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 100%;
margin-left: 10px
}
.navigation--main .sub-menu a {
display: block;
padding: 6px 8px;
color: rgba(0,0,0,.6);
line-height: 1.4
}
.navigation--main .sub-menu li:hover > a {
background: rgba(0,0,0,.05)
}
.priority-nav__more {
direction: rtl
}
.priority-nav__more * {
direction: ltr
}
.priority-nav__more > a > i {
display: inline-block;
margin-left: .1em;
margin-top: -.1em;
letter-spacing: -.2857em
}
.priority-nav__more .mnmd-mega-menu, .priority-nav__more .sub-menu .sub-menu, .priority-nav__more li.menu-item-has-children > a:after {
display: none !important
}
#mnmd-sticky-header .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
box-shadow: none
}
#mnmd-sticky-header.site-header--skin-4 .navigation-bar__inner {
background: rgba(0,0,0,0) !important
}
.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
background: #1B1D1C;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
border-radius: 4px
}
.navigation-bar--inverse.navigation-bar--fullwidth {
background: #1B1D1C
}
.navigation-bar--inverse.navigation-bar--fullwidth .container .navigation-bar__inner {
padding-left: 0;
padding-right: 0;
box-shadow: none;
border-radius: none
}
.navigation-bar--inverse .navigation-bar__section--seperated {
border-color: rgba(255,255,255,.1)
}
.navigation-bar--inverse .navigation--main > li > a, .navigation-bar--inverse .navigation-bar-btn {
color: #fff
}
.mnmd-mega-menu {
width: 100%;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 0;
background: #fafafa;
box-shadow: 0 4px 6px 2px rgba(0,0,0,.09);
z-index: 20;
box-shadow: 0 0 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05);
opacity: 0;
visibility: hidden;
-webkit-transform: scale(1,.9);
-moz-transform: scale(1,.9);
-ms-transform: scale(1,.9);
-o-transform: scale(1,.9);
transform: scale(1,.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
-moz-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
transition: all .2s cubic-bezier(.165,.84,.44,1) .1s
}
.navigation--main li:hover > .mnmd-mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
-moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
transition: all .3s cubic-bezier(.165,.84,.44,1) .2s
}
.mnmd-mega-menu__inner {
padding: 20px;
pointer-events: auto
}
.mnmd-mega-menu .container .mnmd-mega-menu__inner {
padding-left: 0;
padding-right: 0
}
.mnmd-mega-menu .posts-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -10px
}
.mnmd-mega-menu .posts-list > li {
max-width: 25%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 10px
}
.mnmd-mega-menu .posts-list > li.big-post {
max-width: 50%;
-webkit-box-flex: 2;
-moz-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
-moz-flex: 2;
-ms-flex: 2;
flex: 2
}
.mnmd-mega-menu ul.sub-categories {
margin: 20px 0 0;
padding: 0;
list-style: none
}
.mnmd-mega-menu ul.sub-categories li {
display: inline-block
}
.mnmd-mega-menu ul.sub-categories li:not(:first-child) {
margin-left: 2px
}
.mnmd-mega-menu__inner > .sub-menu {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.mnmd-mega-menu__inner > .sub-menu > li {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-basis: 20%;
-moz-flex-basis: 20%;
flex-basis: 20%;
-ms-flex-preferred-size: 20%;
padding: 10px
}
.mnmd-mega-menu__inner > .sub-menu > li:nth-child(n+6) {
max-width: 20%
}
.mnmd-mega-menu__inner > .sub-menu > li > a {
padding-left: 0;
padding-right: 0;
background: 0 0;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.mnmd-mega-menu__inner > .sub-menu > li:hover > a {
background: 0 0
}
.mnmd-mega-menu__inner .sub-menu > li.menu-item-has-children > a:after {
content: none
}
.mnmd-mega-menu__inner .sub-menu .sub-menu {
padding: 10px 0 0
}
.navigation-bar-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 60px;
padding: 0 10px;
background: 0 0;
border: none;
box-shadow: none;
font-size: 1rem;
text-align: center;
cursor: pointer;
vertical-align: top
}
.navigation-bar-btn i, .navigation-bar-btn span {
line-height: 60px;
vertical-align: -1px
}
.navigation-bar-btn i {
font-size: 20px
}
.navigation-bar-btn i:not(:last-child) {
margin-right: .2em
}
.header-search {
max-width: 100%;
min-width: 280px
}
.navigation-bar--dark .header-search .search-form__input, .navigation-bar--inverse .header-search .search-form__input, .site-header--inverse .header-search .search-form__input {
background: #fff
}
.header-search-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fafafa;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.header-search-dropdown.is-active {
display: block;
box-shadow: 0 3px 2px 0 rgba(0,0,0,.03),0 1px 0 0 rgba(0,0,0,.04),0 -1px 0 0 rgba(0,0,0,.04);
opacity: 1;
visibility: visible
}
.header-search-dropdown .search-form__input {
padding: 18px 8px;
background: 0 0;
border: none;
box-shadow: none;
font-size: 16px;
font-size: 1.14286rem
}
@media (min-width:768px) {
.header-search-dropdown .search-form__input {
font-size: 26px;
font-size: 1.85714rem
}
}
.header-search-dropdown .search-form__input:focus {
border: none;
box-shadow: none;
outline: 0
}
.header-search-dropdown .search-form__submit {
text-transform: uppercase
}
.search-form--horizontal {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.search-form--horizontal .search-form__input-wrap {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
.search-form--horizontal .search-form__submit-wrap {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0;
-moz-flex: 0;
-ms-flex: 0;
flex: 0
}
.search-results {
color: rgba(0,0,0,.8)
}
.ajax-search .search-results {
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.ajax-search .search-results.is-active {
display: block;
opacity: 1;
visibility: visible
}
.ajax-search .search-results .typing-loader {
margin: 0 auto
}
.ajax-search .search-results:not(.is-loading) .typing-loader {
display: none
}
.typing-loader {
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-animation: typing 1s linear infinite alternate;
-moz-animation: Typing 1s linear infinite alternate;
animation: typing 1s linear infinite alternate;
position: relative;
left: -12px
}
@-webkit-keyframes typing {
0% {
background-color: #000;
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 rgba(0,0,0,.2)
}
25% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 #000,24px 0 0 0 rgba(0,0,0,.2)
}
75% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 #000
}
}
@-moz-keyframes typing {
0% {
background-color: #000;
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 rgba(0,0,0,.2)
}
25% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 #000,24px 0 0 0 rgba(0,0,0,.2)
}
75% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 #000
}
}
@keyframes typing {
0% {
background-color: #000;
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 rgba(0,0,0,.2)
}
25% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 #000,24px 0 0 0 rgba(0,0,0,.2)
}
75% {
background-color: rgba(0,0,0,.4);
box-shadow: 12px 0 0 0 rgba(0,0,0,.2),24px 0 0 0 #000
}
}
.search-results {
padding-top: 20px;
overflow: hidden
}
body.search-results {
padding-top: 0;
overflow: visible
}
.header-search-dropdown .search-results {
max-height: calc(100vh - 108px);
overflow-y: auto
}
@media (min-width:1200px) {
.header-search-dropdown .search-results {
max-height: calc(100vh - 133px)
}
}
.header-search-dropdown .search-results__inner {
padding-bottom: 30px
}
.search-results__view-all {
display: block;
clear: both;
margin-top: 20px;
font-size: 18px;
font-size: 1.28571rem;
text-align: center
}
.nav-login__dropdown {
padding: 20px;
background: #fafafa
}
.header-main--inverse .search-form__input {
background: #fff
}
.mobile-header {
position: relative;
height: 50px;
background: #fff;
box-shadow: 0 3px 2px 0 rgba(0,0,0,.03),0 1px 0 0 rgba(0,0,0,.04),0 -1px 0 0 rgba(0,0,0,.04)
}
@media (min-width:768px) {
.mobile-header {
height: 60px
}
}
.mobile-header__inner {
padding: 0 15px
}
.container .mobile-header__inner {
padding: 0
}
.mobile-header__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 100%
}
.mobile-header__section {
padding-right: 20px;
white-space: nowrap
}
.mobile-header__section:last-child {
padding-right: 0
}
.header-logo--mobile img {
max-height: 50px;
padding: 10px 0
}
@media (min-width:768px) {
.header-logo--mobile img {
max-height: 60px
}
}
.mobile-header-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 50px;
padding: 0 4px;
background: 0 0;
border: none;
box-shadow: none;
color: rgba(0,0,0,.8);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
vertical-align: middle;
height: 60px;
color: #fff;
position: absolute;
right: 0px;
top: 10px;
}
.mobile-header-btn:hover {
color: #fff;
}
.mobile-header-btn:active, .mobile-header-btn:focus, .mobile-header-btn:hover {
color: inherit;
text-decoration: none
}
@media (max-width:768px) {
.mobile-header-btn {
height: 60px;
position: absolute;
right: 5px;
top: -3px;
}
}
.mobile-header-btn:hover {
color: #fff;
}
.mobile-header-btn > span {
display: inline-block;
line-height: 50px;
vertical-align: middle
}
@media (min-width:768px) {
.mobile-header-btn > span {
line-height: 60px
}
}
.mobile-header-btn i {
font-size: 22px !important;
line-height: 50px
}
.mobile-header-btn i.icon-wangzhandaohang {
font-size: 26px !important;
}
@media (max-width:768px) {
.mobile-header-btn i {
font-size: 24px;
line-height: 60px;
color: #fff;
}
}
.mobile-header--dark, .mobile-header--inverse {
background: #1B1D1C;
color: #fff
}
.mobile-header--dark .mobile-header-btn, .mobile-header--inverse .header-logo a, .mobile-header--inverse .mobile-header-btn {
color: rgba(255,255,255,.8)
}
.mobile-header--dark .mobile-header-btn:hover, .mobile-header--inverse .header-logo a:hover, .mobile-header--inverse .mobile-header-btn:hover {
color: #fff
}
.sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 3px 2px 0 rgba(0,0,0,.03),0 1px 0 0 rgba(0,0,0,.04),0 -1px 0 0 rgba(0,0,0,.04);
visibility: hidden;
pointer-events: none;
z-index: 50;
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s;
-webkit-transform: translate3d(0,-101%,0);
-moz-transform: translate3d(0,-101%,0);
-ms-transform: translate3d(0,-101%,0);
-o-transform: translate3d(0,-101%,0);
transform: translate3d(0,-101%,0)
}
.sticky-header.is-shown, .header_sticky {
pointer-events: initial;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.sticky-header.is-fixed {
pointer-events: initial;
visibility: visible
}
@media (min-width:992px) {
.admin-bar .sticky-header.is-fixed {
margin-top: 32px
}
}
.has-overlap-header .site-header--overlap::after {
clear: both;
content: "";
display: table
}
.has-overlap-header .site-header--overlap .navigation-bar {
margin-bottom: -30px
}
@media (min-width:992px) {
.has-overlap-header .mnmd-block--fullwidth.has-background:first-child, .has-overlap-header .mnmd-block--fullwidth.has-overlap-background:first-child, .has-overlap-header .mnmd-block--fullwidth.mnmd-mosaic-block--with-bg:first-child, .has-overlap-header .mnmd-block--fullwidth:first-child .mnmd-block__inner {
padding-top: 60px
}
}
.site-footer {
position: relative;
background: #F2F2F2;
color: rgba(0,0,0,.6)
}
.site-footer__inner {
position: relative
}
.site-footer__section {
position: relative;
padding-bottom: 20px
}
.site-footer__section:first-child {
padding-top: 40px
}
.site-footer__section--seperated {
padding-top: 30px
}
.site-footer__section-inner {
position: relative
}
.site-footer__section--bordered, .site-footer__section--bordered-inner .site-footer__section-inner {
border-top: 1px solid rgba(0,0,0,.05)
}
.site-footer__section--bordered-inner .site-footer__section-inner {
padding-top: 20px
}
.site-footer .logo-text {
font-size: 30px;
font-weight: 600
}
.site-footer .site-logo a {
color: rgba(0,0,0,.6)
}
.site-footer--inverse .site-logo a, .site-footer--inverse .site-logo span {
color: rgba(255,255,255,.8);
font-size: 13px
}
.site-footer .widget:last-child {
margin-bottom: 0
}
.has-block-heading-line-under .site-footer .widget__title {
border-bottom: none
}
.navigation--footer .sub-menu {
display: none
}
.navigation--footer > li {
padding: .2em .4em
}
.navigation--footer > li > a {
color: rgba(0,0,0,.6)
}
.navigation--footer > li > a:hover {
color: rgba(0,0,0,.8)
}
.footer-menu--bold .navigation--footer > li > a {
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) {
.site-footer__section--flex .site-footer__section-inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
}
.site-footer__section--flex .site-footer__section-left {
padding-bottom: 20px;
text-align: center
}
.gaba {
vertical-align: top;
padding-right: 5px;
}
@media (min-width:768px) {
.site-footer__section--flex .site-footer__section-left {
padding-right: 10px;
padding-bottom: 0;
text-align: left
}
}
.site-footer__section--flex .site-footer__section-right {
text-align: center
}
@media (min-width:768px) {
.site-footer__section--flex .site-footer__section-right {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 10px;
text-align: right
}
}
@media (max-width:640px) {
.site-footer__section--seperated {
display: none;
}
.navigation-bar-btn {
width: 100%;
height: auto
}
.navigation-bar-btn table {
margin: 0
}
}
.site-footer--inverse {
background: #222;
color: rgba(255,255,255,.8)
}
.site-footer--inverse .post__title a,
.site-footer--inverse a {
color: rgba(255,255,255,.8)
}
.site-footer--inverse .post__title a:hover,
.site-footer--inverse a:hover {
color: #ee5b2e
}
.site-footer--inverse .navigation--footer > li > a {
color: rgba(255,255,255,.8)
}
.site-footer--inverse .navigation--footer > li > a:hover {
color: #fff
}
.site-footer--inverse .site-footer__section--bordered, .site-footer--inverse .site-footer__section--bordered-inner .site-footer__section-inner {
border-top: 1px solid rgba(255,255,255,.06)
}
.has-block-heading-line-around .site-footer--inverse .widget__title:after, .has-block-heading-line-around .site-footer--inverse .widget__title:before {
border-bottom: 1px solid rgba(255,255,255,.1)
}
.block-heading {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
font-size: 1rem;
line-height: 1.2
}
.block-heading a {
color: inherit;
text-decoration: none
}
.block-heading a:active, .block-heading a:focus, .block-heading a:hover {
color: inherit;
text-decoration: none
}
.block-heading__title {
margin: 0;
color: rgba(0,0,0,.8);
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: .08em;
font-weight: 700;
text-transform: uppercase
}
.block-heading--secondary .block-heading__title {
font-size: 1rem;
font-weight: 300
}
.block-heading .first-word, .block-heading span {
font-weight: 300
}
.block-heading__subtitle {
line-height: 1.4;
letter-spacing: normal;
font-size: 1rem;
color: rgba(0,0,0,.4)
}
.inverse-text .block-heading__subtitle, .overlay-content .block-heading__subtitle {
color: rgba(255,255,255,.8)
}
.block-heading__secondary {
padding-left: .6em;
text-align: right;
vertical-align: middle
}
.block-heading__secondary a {
color: inherit;
text-decoration: none
}
.block-heading__secondary a:active, .block-heading__secondary a:focus, .block-heading__secondary a:hover {
color: inherit;
text-decoration: none
}
@media (min-width:768px) {
.block-heading--lg {
margin-bottom: 1.6rem
}
}
@media (min-width:768px) {
.block-heading--lg .block-heading__title {
font-size: 20px;
font-size: 1.43rem
}
}
.block-heading--line.block-heading:after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2;
margin-left: .6em;
border-top: 2px solid rgba(0,0,0,.05)
}
.block-heading--line .block-heading__secondary, .has-block-heading-line .block-heading__secondary {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
-webkit-order: 3;
-moz-order: 3;
order: 3;
-ms-flex-order: 3
}
.site-footer .block-heading--line.block-heading:after {
border-top: 2px solid rgba(255,255,255,.15)
}
.block-heading--center {
display: block;
text-align: center;
border: none !important
}
.block-heading--center .block-heading__title {
margin-bottom: .4em;
padding: 0
}
.block-heading--center .block-heading__subtitle {
padding: 0
}
.block-heading--center:after, .block-heading--center:before {
display: none
}
.has-block-heading-line-around.block-heading:after, .has-block-heading-line-around.block-heading:before {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: .6em;
border-bottom: 2px solid rgba(0,0,0,.05)
}
.has-block-heading-line-around.block-heading:after {
margin-left: .6em;
margin-right: 0
}
.has-block-heading-line-around.block-heading__secondary {
display: none
}
.site-footer .has-block-heading-line-around.block-heading:after, .site-footer .has-block-heading-line-around.block-heading:before {
border-bottom: 2px solid rgba(255,255,255,.15)
}
.block-heading--line-under.block-heading {
padding-bottom: 5px;
border-bottom: 2px solid rgba(0,0,0,.1)
}
.block-heading--inverse.block-heading--line-under.block-heading, .inverse-text .block-heading--line-under.block-heading, .overlay-content .block-heading--line-under.block-heading {
border-color: rgba(255,255,255,.4)
}
.site-footer .block-heading--line-under.block-heading {
border-color: rgba(255,255,255,.15)
}
.block-heading--box {
padding: 10px 12px 11px;
border: 1px solid rgba(0,0,0,.05);
border-bottom: none;
background: #fafafa
}
.block-heading--box .block-heading__title {
font-size: 14px
}
.block-heading--vertical {
display: block
}
.block-heading--vertical.block-heading--vertical {
padding-bottom: 0;
border-bottom: none
}
.block-heading--vertical > :not(:last-child) {
margin-bottom: .4em
}
.block-heading--inverse {
position: relative;
color: #fff;
z-index: 1
}
.block-heading--inverse .block-heading__title {
color: #fff
}
.block-heading--inverse .block-heading__subtitle {
color: rgba(255,255,255,.8)
}
.block-heading.block-heading--inverse:after, .block-heading.block-heading--inverse:before {
border-color: rgba(255,255,255,.2)
}
.search-results__section-heading {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
padding-bottom: 2px;
border-bottom: 1px solid rgba(0,0,0,.05);
line-height: 1.2
}
.search-results__section-heading-title {
margin-bottom: 0;
font-size: 1rem;
font-weight: 300;
line-height: 1.2;
text-transform: uppercase
}
.search-results__section-heading a {
color: inherit;
text-decoration: none
}
.search-results__section-heading a:active, .search-results__section-heading a:focus, .search-results__section-heading a:hover {
color: inherit;
text-decoration: none
}
input[type=button]:not(.btn), input[type=reset]:not(.btn), input[type=submit]:not(.btn) {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #f5f5f5;
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
input[type=button]:not(.btn):hover, input[type=reset]:not(.btn):hover, input[type=submit]:not(.btn):hover {
background: #efefef;
border: 1px solid rgba(0,0,0,.2)
}
.btn {
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.btn:active, .btn:focus, .btn:hover, .btn:visited {
border: 1px solid rgba(0,0,0,.2)
}
a.btn {
text-decoration: none
}
.btn-link {
border: none;
box-shadow: none
}
.btn-link:active, .btn-link:focus, .btn-link:hover {
border: none;
box-shadow: none
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
background: #f8f8f8
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover {
background: #eee;
border: 1px solid rgba(0,0,0,.2)
}
.btn-primary {
background: #FC3C2D;
color: #fff
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background: #ef392b;
color: #fff
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
background: #e33629;
color: #fff
}
.btn-pill {
border-radius: 999em
}
.btn-glass {
border: 3px solid rgba(255,255,255,.4);
background-clip: padding-box
}
.btn-glass:active, .btn-glass:focus, .btn-glass:hover {
border: 3px solid rgba(255,255,255,.4)
}
.btn-ghost {
border: 1px solid rgba(255,255,255,.4);
color: rgba(255,255,255,.8)
}
.btn-ghost:active, .btn-ghost:focus, .btn-ghost:hover, .btn-ghost:visited {
border: 1px solid rgba(255,255,255,.8);
color: #fff
}
.btn-frame {
border: 1px solid rgba(0,0,0,.2);
color: rgba(0,0,0,.8)
}
.btn-frame:active, .btn-frame:focus, .btn-frame:hover, .btn-frame:visited {
border: 1px solid rgba(0,0,0,.4);
color: rgba(0,0,0,.8)
}
.ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 6px
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
right: 0;
border-radius: 2px
}
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
width: 8px
}
.ps-container > .ps-scrollbar-y-rail {
background: 0 0 !important
}
.scrollbar-always-visible.ps-container > .ps-scrollbar-x-rail, .scrollbar-always-visible.ps-container > .ps-scrollbar-y-rail {
opacity: .6
}
.iScrollVerticalScrollbar {
position: absolute;
z-index: 9999;
width: 6px;
bottom: 4px;
top: 4px;
right: 4px;
overflow: hidden
}
.iScrollIndicator {
position: absolute;
background: rgba(0,0,0,.1);
border-radius: 999em
}
.iScrollVerticalScrollbar .iScrollIndicator {
width: 100%
}
.mnmd-video-box .iScrollIndicator {
background: rgba(255,255,255,.5)
}
.category-tile {
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
.category-tile__wrap {
position: relative;
margin-top: 20px;
box-shadow: 0 -20px 0 -10px rgba(0,0,0,.05),0 -38px 0 -20px rgba(0,0,0,.02)
}
.category-tile__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 180px;
position: relative
}
.category-tile--sm .category-tile__inner {
min-height: 120px
}
.category-tile .link-overlay {
z-index: 1
}
.category-tile__text {
width: 100%;
position: relative;
padding: 20px 20px 15px;
text-align: center
}
.category-tile__name {
max-width: 100%;
display: inline-block;
padding: .4em 1em;
background: #333;
color: #fff;
font-size: .8571rem;
text-transform: uppercase;
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.category-tile__description {
margin-top: .4em;
color: rgba(255,255,255,.8);
font-size: .8571rem
}
.category-tile:hover .background-img:after {
opacity: .6
}
.block-divider {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin: 1.2em 0
}
.block-divider:after, .block-divider:before {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.block-divider > span {
margin: 0 .6em
}
.horizontal-divider {
margin: 30px 0;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.horizontal-divider--space-sm {
margin: 10px 0
}
label {
font-size: 14px;
font-size: 1rem
}
::-webkit-input-placeholder {
color: rgba(0,0,0,.4)
}
:-moz-placeholder {
color: rgba(0,0,0,.4);
opacity: 1
}
::-moz-placeholder {
color: rgba(0,0,0,.4);
opacity: 1
}
:-ms-input-placeholder {
color: rgba(0,0,0,.4)
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=tel], input[type=number], select, select.form-control, textarea, textarea.form-control {
width: 100%;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
color: rgba(0,0,0,.8);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, select.form-control:focus, select:focus, textarea.form-control:focus, textarea:focus {
border: 1px solid rgba(0,0,0,.2)
}
.iconfont {
font-size: 16px !important
}
.navigation-bar-btn.js-search-dropdown-toggle .iconfont.icon-sousuo {
font-size: 18px !important;
padding-top: 2px !important
}
.mdicon {
display: inline-block;
font-family: mdicon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.btn .mdicon {
font-size: 1.2em
}
.mdicon {
font-family: mdicon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.mdicon-schedule:before {
content: "\e8b5"
}
.mdicon-add_circle:before {
content: "\e147"
}
.mdicon-apps:before {
content: "\e5c3"
}
.mdicon-arrow_back:before {
content: "\e5c4"
}
.mdicon-arrow_downward:before {
content: "\e5db"
}
.mdicon-arrow_drop_down:before {
content: "\e5c5"
}
.mdicon-arrow_drop_up:before {
content: "\e5c7"
}
.mdicon-arrow_forward:before {
content: "\e5c8"
}
.mdicon-arrow_upward:before {
content: "\e5d8"
}
.mdicon-audiotrack:before {
content: "\e3a1"
}
.mdicon-border_color:before {
content: "\e22b"
}
.mdicon-cached:before {
content: "\e86a"
}
.mdicon-chat_bubble:before {
content: "\e0ca"
}
.mdicon-chat_bubble_outline:before {
content: "\e0cb"
}
.mdicon-navigate_before:before {
content: "\e408"
}
.mdicon-navigate_next:before {
content: "\e409"
}
.mdicon-close:before {
content: "\e5cd"
}
.mdicon-mode_edit:before {
content: "\e254"
}
.mdicon-crop_original:before {
content: "\e3c4"
}
.mdicon-dehaze:before {
content: "\e3c7"
}
.mdicon-remove_circle:before {
content: "\e15c"
}
.mdicon-expand_less:before {
content: "\e5ce"
}
.mdicon-expand_more:before {
content: "\e5cf"
}
.mdicon-extension:before {
content: "\e87b"
}
.mdicon-favorite:before {
content: "\e87d"
}
.mdicon-favorite_border:before {
content: "\e87e"
}
.mdicon-get_app:before {
content: "\e884"
}
.mdicon-filter:before {
content: "\e3d3"
}
.mdicon-flash_on:before {
content: "\e3e7"
}
.mdicon-folder:before {
content: "\e2c7"
}
.mdicon-folder_open:before {
content: "\e2c8"
}
.mdicon-star:before {
content: "\e838"
}
.mdicon-home:before {
content: "\e88a"
}
.mdicon-open_in_new:before {
content: "\e89e"
}
.mdicon-shopping_cart:before {
content: "\e8cc"
}
.mdicon-local_offer:before {
content: "\e54e"
}
.mdicon-mail_outline:before {
content: "\e0e1"
}
.mdicon-menu:before {
content: "\e5d2"
}
.mdicon-more_horiz:before {
content: "\e5d3"
}
.mdicon-more_vert:before {
content: "\e5d4"
}
.mdicon-person:before {
content: "\e7fd"
}
.mdicon-play_arrow:before {
content: "\e037"
}
.mdicon-play_circle_filled:before {
content: "\e038"
}
.mdicon-play_circle_outline:before {
content: "\e039"
}
.mdicon-public:before {
content: "\e80b"
}
.mdicon-visibility:before {
content: "\e8f4"
}
.mdicon-reply:before {
content: "\e15e"
}
.mdicon-rss_feed:before {
content: "\e0e5"
}
.mdicon-search:before {
content: "\e8b6"
}
.mdicon-share:before {
content: "\e80d"
}
.mdicon-shuffle:before {
content: "\e043"
}
.mdicon-star_border:before {
content: "\e83a"
}
.mdicon-star_half:before {
content: "\e839"
}
.mdicon-thumb_up:before {
content: "\e8dc"
}
.mdicon-trending_up:before {
content: "\e8e5"
}
.mdicon-fire:before {
content: "\e9a9"
}
.mdicon-enter:before {
content: "\ea13"
}
.mdicon-youtube-square:before {
content: "\f166"
}
.mdicon-youtube:before {
content: "\f167"
}
.mdicon-twitter:before {
content: "\f099"
}
.mdicon-facebook:before {
content: "\f09a"
}
.mdicon-facebook-f:before {
content: "\f09a"
}
.mdicon-google-plus:before {
content: "\f0d5"
}
.mdicon-linkedin:before {
content: "\f0e1"
}
.mdicon-xing:before {
content: "\f168"
}
.mdicon-youtube-play:before {
content: "\f16a"
}
.mdicon-instagram:before {
content: "\f16d"
}
.mdicon-tumblr:before {
content: "\f173"
}
.mdicon-dribbble:before {
content: "\f17d"
}
.mdicon-skype:before {
content: "\f17e"
}
.mdicon-foursquare:before {
content: "\f180"
}
.mdicon-vk:before {
content: "\f189"
}
.mdicon-stumbleupon:before {
content: "\f1a4"
}
.mdicon-behance:before {
content: "\f1b4"
}
.mdicon-spotify:before {
content: "\f1bc"
}
.mdicon-deviantart:before {
content: "\f1bd"
}
.mdicon-soundcloud:before {
content: "\f1be"
}
.mdicon-vine:before {
content: "\f1ca"
}
.mdicon-codepen:before {
content: "\f1cb"
}
.mdicon-twitch:before {
content: "\f1e8"
}
.mdicon-yelp:before {
content: "\f1e9"
}
.mdicon-pinterest-p:before {
content: "\f231"
}
.mdicon-medium:before {
content: "\f23a"
}
.mdicon-vimeo:before {
content: "\f27d"
}
.mdicon-product-hunt:before {
content: "\f288"
}
.mdicon-snapchat-ghost:before {
content: "\f2ac"
}
.mdicon-exit2:before {
content: "\ea15"
}
.mdicon-person_pin:before {
content: "\e55a"
}
.mdicon-sign-out:before {
content: "\f08b"
}
.mdicon ~ span {
vertical-align: middle
}
.mdicon--first {
margin-right: .35em
}
.mdicon--last {
margin-left: .35em
}
.icon-behance, .icon-dribbble, .icon-facebook, .icon-facebook-official, .icon-google-plus, .icon-linkedin, .icon-pinterest_p, .icon-soundcloud, .icon-stumbleupon, .icon-tumbler, .icon-twitch, .icon-twitter, .icon-vimeo, .icon-vine, .icon-vk, .icon-youtube {
font-size: 1em
}
.icon--2x.icon--2x {
font-size: 200%
}
a.link {
color: inherit;
text-decoration: none;
cursor: pointer
}
a.link:active, a.link:focus, a.link:hover, a.link:visited {
color: inherit;
text-decoration: none
}
a.link--meta {
color: rgba(0,0,0,.4)
}
a.link--meta:active, a.link--meta:focus, a.link--meta:hover {
color: rgba(0,0,0,.6)
}
a.link--underlined {
text-decoration: underline
}
a.link--underlined:active, a.link--underlined:focus, a.link--underlined:hover {
text-decoration: underline
}
a.link--underlined-hover:hover {
text-decoration: underline
}
.login-with-social {
text-align: center
}
.login-lost-password {
margin-left: 10px
}
.login-lost-password:hover {
text-decoration: none;
}
.login-lost-password a {
text-decoration: underline
}
.login-submit, .register-submit {
margin-top: 20px
}
.login-modal .modal-dialog {
width: 400px;
max-width: 90vw;
margin: 10vh auto
}
@media (min-width:768px) {
.login-modal .modal-dialog {
margin: 15vh auto
}
}
.login-modal .modal-title .nav-tabs {
border-bottom: none;
text-align: center
}
.login-modal .modal-title .nav-tabs li {
margin-bottom: 5px
}
.login-modal .modal-title .nav-tabs li:not(:last-child) {
margin-right: 15px
}
.login-modal .modal-title .nav-tabs a {
padding: 0;
border: none !important;
background: 0 0 !important;
color: rgba(0,0,0,.4)
}
.login-modal .modal-title .nav-tabs a:hover, .login-modal .modal-title .nav-tabs li.active a {
border-bottom: 1px solid currentColor !important;
color: rgba(0,0,0,.8)
}
.login-modal .modal-body {
padding: 15px
}
@media (min-width:768px) {
.login-modal .modal-body {
padding: 30px
}
}
.modal-dialog {
margin: 15vh auto
}
.modal-header {
padding: 15px
}
@media (min-width:768px) {
.modal-header {
padding: 20px 30px
}
}
.modal-title.modal-title {
margin: 0;
font-size: 14px;
font-size: 1rem;
line-height: 1.42857143;
text-transform: uppercase
}
.menu, .navigation, .sub-menu {
margin: 0;
padding: 0;
list-style: none
}
.navigation .sub-menu li {
position: relative
}
.navigation a {
display: inline-block;
text-decoration: none
}
.navigation--horizontal::after {
clear: both;
content: "";
display: table
}
.navigation--horizontal > li {
float: left
}
.navigation--inline > li {
display: inline-block
}
.menu-item .iconfont.icon-write {
font-size: 15px !important;
font-weight: 400;
vertical-align: top;
}
.navigation--center {
text-align: center
}
.navigation--center > li {
display: inline-block
}
.body_relive_v3 .mnmd-pagination {
background: #fff;
padding: 15px 0;
margin: 20px 0 0;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%)
}
.mnmd-pagination {
margin: 40px 0 20px;
display: inline-block;
width: 100%
}
.mnmd-module-pagination .mnmd-pagination__item-prev {
display: none
}
.mnmd-pagination__title {
font-size: 16px;
font-size: 1.14286rem
}
.mnmd-pagination__links {
margin: -2px;
font-size: 0
}
.mnmd-pagination__item {
display: inline-block;
min-width: 34px;
height: 34px;
margin: 3px;
padding: 0 4px;
border-radius: 3px;
background: #f5f5f5;
color: rgba(0,0,0,.8);
font-size: 12px;
line-height: 34px;
text-align: center;
text-decoration: none !important;
text-transform: uppercase
}
.mnmd-pagination__item:active, .mnmd-pagination__item:focus, .mnmd-pagination__item:hover {
background: #ddd;
color: rgba(0,0,0,.8)
}
@media (min-width:768px) {
.mnmd-pagination__item {
padding: 0 6px;
font-size: 14px
}
}
.mnmd-pagination__item-current {
background: #FC3C2D;
color: #fff
}
.mnmd-pagination__item-current:active, .mnmd-pagination__item-current:focus, .mnmd-pagination__item-current:hover {
background: #FC3C2D;
color: #fff
}
.mnmd-pagination__item > i {
line-height: 34px
}
.mnmd-pagination__dots {
min-width: auto;
background: 0 0 !important
}
.mnmd-pagination--next-n-prev .mnmd-pagination__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.mnmd-pagination--next-n-prev .mnmd-pagination__label {
padding-right: 10px;
font-size: 14px;
font-size: 1rem
}
@media (min-width:768px) {
.mnmd-pagination--next-n-prev .mnmd-pagination__label {
font-size: 16px;
font-size: 1.14286rem
}
}
.mnmd-pagination--next-n-prev .mnmd-pagination__item {
position: relative;
padding: 0 8px;
background: #FC3C2D;
color: #fff
}
.mnmd-pagination--next-n-prev .mnmd-pagination__links a:first-child .mnmd-pagination__item, .mnmd-pagination--next-n-prev .mnmd-pagination__links.mnmd-pagination-last-page-link a:last-child .mnmd-pagination__item {
margin-left: 8px;
background: #f1f1f1;
color: rgba(0,0,0,.8)
}
.mnmd-pagination--next-n-prev .mnmd-pagination__links a:first-child .mnmd-pagination__item:after, .mnmd-pagination--next-n-prev .mnmd-pagination__links.mnmd-pagination-last-page-link a:last-child .mnmd-pagination__item:after {
content: '';
display: block;
width: 0;
position: absolute;
right: 100%;
left: auto;
top: 0;
border-width: 17px 8px;
margin-left: 0;
margin-right: -1px;
border-style: solid;
border-color: transparent;
border-right-color: #f1f1f1
}
.mnmd-pagination--next-n-prev .mnmd-pagination__links a:last-child .mnmd-pagination__item {
margin-right: 8px;
color: #fff
}
.mnmd-pagination--next-n-prev .mnmd-pagination__links a:last-child .mnmd-pagination__item:after {
content: '';
display: block;
width: 0;
position: absolute;
left: 100%;
right: auto;
top: 0;
border-width: 17px 8px;
margin-left: -1px;
margin-right: 0;
border-style: solid;
border-color: transparent;
border-left-color: #FC3C2D
}
.mnmd-pagination .tnm-no-more-button {
background: #eee;
box-shadow: none;
opacity: .6;
cursor: auto
}
.post-score {
display: inline-block;
color: #fff;
font-weight: 700;
line-height: 1;
text-align: center
}
.post-score__inner {
position: relative;
z-index: 10
}
.post-score-star {
font-size: 1.2em;
line-height: 1;
color: #F7E74A
}
.hexagon-svg {
width: 100%;
height: auto
}
.post-score-hexagon {
position: relative;
display: inline-block;
line-height: 0;
vertical-align: middle
}
.post-score-hexagon .hexagon-svg {
width: 50px;
padding: 2px;
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .25));
filter: drop-shadow(0 0 1px rgba(0, 0, 0, .25));
overflow: visible
}
@media (min-width:768px) {
.post-score-hexagon .hexagon-svg {
width: 60px
}
}
@media (min-width:1200px) {
.post-score-hexagon .hexagon-svg {
width: 64px
}
}
.post-score-hexagon .hexagon-svg g path {
fill: #FC3C2D
}
.post-score-hexagon .post-score-value {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
font-size: 14px;
line-height: 1;
text-shadow: 0 0 10px rgba(0,0,0,.08)
}
@media (min-width:768px) {
.post-score-hexagon .post-score-value {
font-size: 22px
}
}
@media (min-width:1200px) {
.post-score-hexagon .post-score-value {
font-size: 26px
}
}
.post-score-hexagon--s .hexagon-svg {
width: 50px
}
.post-score-hexagon--s .post-score-value {
font-size: 20px
}
.post-score-hexagon--l .hexagon-svg {
width: 100px
}
.post-score-hexagon--l .post-score-value {
font-size: 42px
}
.post-score-hexagon--xl .hexagon-svg {
width: 100px
}
@media (min-width:1200px) {
.post-score-hexagon--xl .hexagon-svg {
width: 120px
}
}
.post-score-hexagon--xl .post-score-value {
font-size: 42px
}
@media (min-width:1200px) {
.post-score-hexagon--xl .post-score-value {
font-size: 50px
}
}
.mnmd-review .post-score-hexagon .hexagon-svg {
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3))
}
.search-form {
position: relative
}
.search-form__input {
color: rgba(0,0,0,.8)
}
.search-form--inline {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.search-form--inline .search-form__input {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
margin-right: 4px
}
.search-form--btn-inside .search-form__input {
padding-right: 40px
}
.search-form--btn-inside .search-form__input:focus {
outline: 0
}
.search-form--btn-inside .search-form__submit {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
padding: 6px 10px;
background: 0 0;
border: none;
outline: 0;
color: rgba(0,0,0,.4)
}
.search-form--btn-inside .search-form__submit i {
font-size: 20px
}
.search-modal .modal-dialog {
margin: 10vh 10px
}
@media (min-width:768px) {
.search-modal .modal-dialog {
margin: 15vh auto
}
}
.search-modal__inner {
max-width: 480px;
margin: auto
}
.search-modal .modal-body {
padding: 15px
}
@media (min-width:768px) {
.search-modal .modal-body {
padding: 30px
}
}
.search-modal .search-form {
margin-bottom: 15px
}
.search-modal .search-form__input {
padding-right: calc(1em + 40px);
font-size: 14px
}
@media (min-width:768px) {
.search-modal .search-form__input {
padding-right: calc(1em + 40px);
font-size: 20px
}
}
.search-modal .search-form__submit {
width: 40px;
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
background: 0 0;
border: none;
color: rgba(0,0,0,.4);
font-size: 14px
}
@media (min-width:768px) {
.search-modal .search-form__submit {
width: 50px;
font-size: 20px
}
}
.search-modal .search-form__submit:focus {
outline: 0
}
ul.nav-tabs {
padding-left: 0
}
.nav-tabs > li > a {
color: #aaa
}
.panel-title.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px
}
.social-list {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 1rem;
list-style: none
}
@media (min-width:768px) {
.social-list {
font-size: 16px;
font-size: 1.14286rem
}
}
.social-list > li > a {
color: inherit;
text-decoration: none;
display: inline-block;
padding: 0 .4em;
color: rgba(0,0,0,.8);
line-height: 20px;
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.social-list > li > a:active, .social-list > li > a:focus, .social-list > li > a:hover {
color: inherit;
text-decoration: none
}
.social-list > li > a:active, .social-list > li > a:focus, .social-list > li > a:hover {
color: rgba(0,0,0,.4)
}
.inverse-text .social-list > li > a {
color: rgba(255,255,255,.8)
}
.inverse-text .social-list > li > a:active, .inverse-text .social-list > li > a:focus, .inverse-text .social-list > li > a:hover, .inverse-text .social-list > li > a:visited {
color: #fff
}
.social-list--inverse > li > a {
color: rgba(255,255,255,.8)
}
.social-list--inverse > li > a:active, .social-list--inverse > li > a:focus, .social-list--inverse > li > a:hover {
color: #fff
}
.social-list--circle > li {
margin-bottom: 8px
}
.social-list--circle > li:not(:last-child) {
margin-right: 8px
}
.social-list--circle > li > a {
width: 40px;
height: 40px;
padding: 0;
border-radius: 100%;
border: 1px solid rgba(0,0,0,.05);
text-align: center
}
.social-list--circle > li > a i {
display: inline-block;
font-size: 16px;
line-height: 40px
}
.inverse-text .social-list--circle > li > a, .overlay-content .social-list--circle > li > a {
border: 1px solid rgba(255,255,255,.2)
}
@media (min-width:768px) {
.social-list--sm {
font-size: 14px;
font-size: 1rem
}
}
@media (min-width:768px) {
.social-list--lg {
font-size: 20px;
font-size: 1.42857rem
}
}
@media (min-width:768px) {
.social-list--xl {
font-size: 26px;
font-size: 1.85714rem
}
}
@media (min-width:768px) {
.social-list--md.social-list--circle > li > a {
width: 60px;
height: 60px;
border-width: 2px
}
.social-list--md.social-list--circle > li > a i {
font-size: 24px;
line-height: 60px
}
}
.subscribe-form--has-background {
padding: 30px;
background-color: #f5f5f5;
border: 1px solid rgba(0,0,0,.05)
}
@media (min-width:768px) {
.subscribe-form--has-background {
padding: 40px
}
}
.subscribe-form__inner {
position: relative
}
.subscribe-form__fields {
max-width: 600px;
margin-left: auto;
margin-right: auto
}
.subscribe-form__fields input[type=submit] {
margin-bottom: .5rem;
background: #FC3C2D;
color: #fff
}
.subscribe-form__fields input[type=submit]:hover {
background: #ef392b;
color: #fff
}
.subscribe-form--horizontal input[type=text], .subscribe-form--horizontal input[type=email], .subscribe-form--horizontal input[type=url] {
display: inline-block;
width: auto;
max-width: 100%;
min-width: 240px;
margin-bottom: .5rem
}
.subscribe-form--center, .subscribe-form--center input[type=text], .subscribe-form--center input[type=email], .subscribe-form--center input[type=url] {
text-align: center
}
.post {
position: relative
}
.entry-thumb, .post__thumb {
position: relative
}
.entry-thumb img, .post__thumb img {
display: block;
width: 100%;
height: auto
}
.entry-thumb a, .post__thumb a {
display: block
}
.post__thumb--circle {
border-radius: 50%
}
.post__thumb--circle img {
border-radius: 50% !important
}
.post__text-inner {
position: relative;
padding: 20px
}
.post__text-inner--p-sm .post__text-inner {
padding: 15px
}
.post__text-inner--p-lg .post__text-inner {
padding: 30px
}
.has-overlap-bg:before {
content: '';
position: absolute;
top: -20px;
right: 0;
bottom: -20px;
left: 0;
background: #FC3C2D;
opacity: .6;
-webkit-transform: scale(.6,1);
-moz-transform: scale(.6,1);
-ms-transform: scale(.6,1);
-o-transform: scale(.6,1);
transform: scale(.6,1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
-moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
article:hover .has-overlap-bg:before {
opacity: 1;
-webkit-transform: scale(.9,1);
-moz-transform: scale(.9,1);
-ms-transform: scale(.9,1);
-o-transform: scale(.9,1);
transform: scale(.9,1)
}
.has-overlap-frame:before {
content: '';
position: absolute;
top: -20px;
right: 20%;
bottom: -20px;
left: 20%;
border: 12px solid #FC3C2D;
opacity: .6
}
.entry-cat, .post__cat, a.entry-cat, a.post__cat {
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 1px solid currentColor;
font-size: 12px;
line-height: 1.4;
margin-right: 8px;
text-decoration: none
}
.entry-cat--bg, .post__cat--bg, a.entry-cat--bg, a.post__cat--bg {
display: inline-block;
padding: 4px 6px;
color: #fff !important;
line-height: 1;
background: #FC3C2D;
margin-right: 8px;
border: none
}
@media (min-width:768px) {
.entry-cat--bg, .post__cat--bg, a.entry-cat--bg, a.post__cat--bg {
padding: 5px 8px
}
}
.entry-cat--bg-inverse, .post__cat--bg-inverse, a.entry-cat--bg-inverse, a.post__cat--bg-inverse {
display: inline-block;
padding: 2px 6px;
color: #333;
background: #fff !important;
margin-right: 8px;
border: none
}
.entry-cat--ghost, .post__cat--ghost, a.entry-cat--ghost, a.post__cat--ghost {
display: inline-block;
padding: 2px 6px;
color: #fff !important;
background: 0 0;
margin-right: 8px;
border: 1px solid rgba(255,255,255,.4)
}
.entry-cat--overlap, .post__cat--overlap, a.entry-cat--overlap, a.post__cat--overlap {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-right: 8px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.post__thumb .entry-cat--overlap, .post__thumb .post__cat--overlap, .post__thumb a.entry-cat--overlap, .post__thumb a.post__cat--overlap {
top: 100%
}
.text-left .entry-cat--overlap, .text-left .post__cat--overlap, .text-left a.entry-cat--overlap, .text-left a.post__cat--overlap {
left: 0;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.btn.read-more {
text-transform: uppercase
}
.read-more-link {
color: rgba(0,0,0,.8);
text-decoration: none
}
.read-more-link:active, .read-more-link:focus, .read-more-link:hover, .read-more-link:visited {
color: rgba(0,0,0,.8);
text-decoration: none
}
.read-more-link i {
color: rgba(0,0,0,.25);
-webkit-transition: "all",.3s,0,"bounce";
-moz-transition: "all",.3s,0,"bounce";
transition: "all",.3s,0,"bounce"
}
.read-more-link:hover i {
-webkit-transform: translate(40%,0);
-moz-transform: translate(40%,0);
-ms-transform: translate(40%,0);
-o-transform: translate(40%,0);
transform: translate(40%,0)
}
@media (max-width:640px) {
.post .post__title {
text-overflow: initial;
white-space: initial;
overflow: initial;
}
}
.post .post__title a, .post .post__title a:hover {
display: initial
}
.entry-title, .post__title {
margin: .25em 0 .4em;
color: rgba(0,0,0,.8)
}
.post .post__title a:hover {
color: #ee5b2e
}
.post .post__title.typescale-6 a:hover, .post .post__title.typescale-5 a:hover {
color: currentColor;
}
.entry-title:first-child, .post__title:first-child {
margin-top: 0
}
.entry-title:last-child, .post__title:last-child {
margin-bottom: 0
}
.post--vertical-overlap .entry-title, .post--vertical-overlap .post__title, .text-center .entry-title, .text-center .post__title {
margin-left: auto;
margin-right: auto
}
.entry-title.typescale--1, .post__title.typescale--1 {
font-weight: 400
}
.entry-title.typescale-0, .post__title.typescale-0 {
font-weight: 400
}
.entry-title.typescale-1, .post__title.typescale-1 {
font-weight: 400
}
.entry-title.typescale-2, .post__title.typescale-2 {
font-weight: 700
}
.entry-title.typescale-3, .post__title.typescale-3 {
font-weight: 500
}
.entry-title.typescale-4, .post__title.typescale-4 {
font-weight: 500
}
.entry-title.typescale-5, .post__title.typescale-5 {
font-weight: 500
}
.entry-title.typescale-6, .post__title.typescale-6 {
font-weight: 600
}
.entry-title.typescale-7, .post__title.typescale-7 {
font-weight: 500
}
.entry-title.typescale-8, .post__title.typescale-8 {
font-weight: 500
}
.entry-title a, .entry-title a:active, .entry-title a:focus, .entry-title a:hover, .post__title a, .post__title a:active, .post__title a:focus, .post__title a:hover {
display: inline-block;
color: inherit;
text-decoration: none
}
.entry-cat--overlap + .post__title, .post__cat--overlap + .post__title, a.entry-cat--overlap + .post__title, a.post__cat--overlap + .post__title {
margin-top: 0
}
.entry-excerpt, .post__excerpt {
color: rgba(0,0,0,.8);
font-size: 1.07142rem;
line-height: 1.6
}
.post--vertical-overlap .entry-excerpt, .post--vertical-overlap .post__excerpt, .text-center .entry-excerpt, .text-center .post__excerpt {
margin-left: auto;
margin-right: auto
}
@media (min-width:768px) {
.entry-excerpt--lg, .post__excerpt--lg {
font-size: 16px;
font-size: 1.142857142857143rem
}
}
.entry-meta, .post__meta {
margin-top: .4em;
margin-bottom: .4em;
color: rgba(0,0,0,.4);
font-size: 14px;
line-height: 1.5
}
.entry-meta:first-child, .post__meta:first-child {
margin-top: 0
}
.entry-meta:last-child, .post__meta:last-child {
margin-bottom: 0
}
.entry-meta:not(.entry-meta--box) > :not(:last-child), .post__meta-left:not(.entry-meta--box) > :not(:last-child), .post__meta-right:not(.entry-meta--box) > :not(:last-child), .post__meta:not(.post__meta--box) > :not(:last-child) {
margin-right: .6em
}
.entry-meta a, .post__meta a {
text-decoration: none;
color: rgba(0,0,0,.4)
}
.entry-meta a:active, .entry-meta a:focus, .entry-meta a:hover, .post__meta a:active, .post__meta a:focus, .post__meta a:hover {
text-decoration: none
}
.entry-meta .mdicon, .entry-meta i, .post__meta .mdicon, .post__meta i {
margin-right: .1em
}
.post__meta i.icon-browse {
font-size: 18px !important;
}
.entry-meta .meta-seperator.meta-seperator, .post__meta .meta-seperator.meta-seperator {
margin-left: -.4em;
margin-right: .2em
}
.entry-meta--box, .post__meta--box {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
margin-top: 20px;
padding: 10px;
border: 1px solid rgba(0,0,0,.05);
border-bottom: none;
background: #fafafa
}
.entry-meta--flex, .post__meta--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.entry-meta--flex > .post__meta-left, .post__meta--flex > .post__meta-left {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 5px;
text-align: left
}
.entry-meta--flex > .post__meta-right, .post__meta--flex > .post__meta-right { /*-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;*/
margin-left: 5px;
text-align: right
}
.entry-meta .updated, .post__meta .updated {
display: none
}
.entry-meta--border-top, .post__meta--border-top {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(0,0,0,.05)
}
.post--overlay .entry-meta--border-top, .post--overlay .post__meta--border-top {
border-top: 1px solid rgba(255,255,255,.2)
}
.entry-author {
text-transform: none
}
.entry-author img {
border-radius: 50%;
margin-right: 5px;
width: 34px;
height: 34px;
object-fit: cover
}
.entry-author__name, a.entry-author__name {
color: inherit;
text-decoration: none;
font-weight: 700
}
.entry-author__name:active, .entry-author__name:focus, .entry-author__name:hover, a.entry-author__name:active, a.entry-author__name:focus, a.entry-author__name:hover {
color: inherit;
text-decoration: none
}
.post__meta .entry-author__name, .post__meta a.entry-author__name {
color: rgba(0,0,0,.6)
}
.overlay-content .entry-author__name, .overlay-content a.entry-author__name {
color: rgba(255,255,255,.8)
}
.post__meta--author-w-date {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.post__meta--author-w-date > * {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.post__meta--author-w-date .author-avatar img {
height: 34px;
width: 34px;
margin-right: 10px;
border-radius: 100%
}
.post__meta--author-w-date .author-name a {
color: rgba(0,0,0,.8);
font-size: 110%;
font-weight: 700;
text-transform: capitalize
}
.entry-author__avatar {
height: 34px;
width: 34px;
border-radius: 100%;
margin-right: 10px
}
.comments-count-box {
display: inline-block;
position: relative;
padding: 6px 10px;
background: #FC3C2D;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #fff !important;
text-align: center;
text-decoration: none !important;
border-radius: 2px
}
.comments-count-box:active, .comments-count-box:focus, .comments-count-box:hover {
color: #fff
}
.comments-count-box:before {
content: '';
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 50%;
margin-left: -5px;
border: 0 solid transparent;
border-width: 4px 5px;
border-bottom-width: 0;
border-top-color: #FC3C2D
}
.overlay-item {
position: absolute;
top: 20px;
right: 20px;
bottom: auto;
left: auto
}
.overlay-item.overlay-item--sm-p {
position: absolute;
top: 10px;
right: 10px;
bottom: auto;
left: auto
}
.overlay-item--top-left {
position: absolute;
top: 10px;
right: auto;
bottom: auto;
left: 10px
}
.overlay-item--top-left.overlay-item--sm-p {
position: absolute;
top: 10px;
right: auto;
bottom: auto;
left: 10px
}
.overlay-item--left-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: 20px
}
.overlay-item--left-bottom.overlay-item--sm-p {
position: absolute;
top: auto;
right: auto;
bottom: 10px;
left: 10px
}
.overlay-item--right-bottom {
position: absolute;
bottom: 20px;
left: auto;
top: auto;
right: 20px
}
.overlay-item--right-bottom.overlay-item--sm-p {
position: absolute;
bottom: 10px;
left: auto;
top: auto;
right: 10px
}
.media-right .overlay-item--right-bottom {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto
}
.overlay-item--center-xy {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.post-type-icon i {
font-size: 46px;
line-height: 1.1
}
@media (min-width:768px) {
.post-type-icon i {
font-size: 60px
}
}
@media (min-width:1200px) {
.post-type-icon i {
font-size: 58px !important
}
}
.post-type-icon.gallery-icon i {
font-size: inherit !important
}
.overlay-content .post-type-icon, .post--overlay .post-type-icon, .post-type-icon--inverse, .post__thumb .post-type-icon {
color: rgba(255,255,255,.8)
}
.post-color-icon--grey i {
color: rgba(0,0,0,.2)
}
.post-type-icon--sm i {
font-size: 56px
}
.post-type-icon--sm .hexagon-svg {
width: 50px
}
.post-type-icon--sm .post-score-value {
font-size: 14px
}
@media (min-width:768px) {
.post-type-icon--md i {
font-size: 80px
}
.post-type-icon--md .hexagon-svg {
width: 78px
}
.post-type-icon--md .post-score-value {
font-size: 32px
}
}
@media (min-width:768px) {
.post-type-icon--lg i {
font-size: 120px
}
.post-type-icon--lg .post-score-hexagon .hexagon-svg {
width: 90px
}
.post-type-icon--lg .post-score-hexagon .post-score-value {
font-size: 36px
}
.post-type-icon--lg .hexagon-svg {
width: 100px
}
.post-type-icon--lg .post-score-value {
font-size: 42px
}
}
.media-left.post-type-icon > i:only-child, .media-right.post-type-icon > i:only-child {
display: block
}
.overlay-item.gallery-icon, .post--overlay .gallery-icon, .post__thumb .gallery-icon {
padding: .4em .8em;
border-radius: 3px;
background: rgba(0,0,0,.4);
color: #fff
}
.overlay-item.gallery-icon .mdicon:not(:last-child), .post--overlay .gallery-icon .mdicon:not(:last-child), .post__thumb .gallery-icon .mdicon:not(:last-child) {
margin-right: .4em
}
.inverse-text .entry-title, .inverse-text .entry-title a, .inverse-text .post__title, .inverse-text .post__title a, .overlay-content .post__title, .overlay-content .post__title a {
color: #fff
}
.inverse-text .entry-excerpt, .inverse-text .post__excerpt, .overlay-content .entry-excerpt, .overlay-content .post__excerpt {
color: rgba(255,255,255,.8)
}
.inverse-text .entry-meta, .inverse-text .entry-meta a, .inverse-text .meta-text, .inverse-text .post__meta, .inverse-text .post__meta a, .inverse-text a.meta-text, .overlay-content .entry-meta, .overlay-content .entry-meta a, .overlay-content .meta-text, .overlay-content .post__meta, .overlay-content .post__meta a, .overlay-content a.meta-text {
color: rgba(255,255,255,.6)
}
.inverse-text .entry-author__name.entry-author__name, .overlay-content .entry-author__name.entry-author__name {
color: rgba(255,255,255,.9)
}
.post--card {
height: auto;
position: relative;
padding: 20px;
border: 1px solid rgba(0,0,0,.1);
background-color: #fff;
background-clip: padding-box;
overflow: hidden
}
.post--card .post__text {
min-height: 2.85714rem
}
@media (min-width:768px) {
.post--card-xs {
height: 17.85714rem
}
}
@media (min-width:768px) {
.post--card-sm {
height: 25rem
}
}
@media (min-width:768px) {
.post--card-md {
height: 25rem
}
}
@media (min-width:992px) {
.post--card-md {
height: 32.14286rem
}
}
@media (min-width:768px) {
.post--card-lg {
height: 32.14286rem
}
}
@media (min-width:992px) {
.post--card-lg {
height: 39.28571rem
}
}
.post--card .post__thumb {
height: 40%;
min-height: 120px;
position: relative;
margin: -21px -21px 20px
}
.post--card.cat--not-overlap .post__thumb {
margin: -21px -21px 10px
}
.post--card-sm .post__thumb {
height: 140px
}
.post--card-md .post__thumb {
height: 180px
}
.post--card .post__thumb .post__cat--overlap {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%,50%);
-moz-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
-o-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
.post--card .post__footer {
margin: 20px -20px -20px;
padding: 10px 15px;
border-top: 1px solid rgba(0,0,0,.05);
background: #fff
}
.post--card .post__footer::after {
clear: both;
content: "";
display: table
}
@media (min-width:768px) {
.post--card .post__footer {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: 0
}
.post--card .post__footer:before {
content: '';
display: block;
position: absolute;
top: auto;
right: 0;
bottom: 100%;
left: 0;
height: 20px;
width: 100%;
margin-bottom: 1px;
background: -webkit-linear-gradient(bottom,#000 0,rgba(255,255,255,.7) 70%,rgba(255,255,255,0) 100%);
background: linear-gradient(0deg,#fff 0,rgba(255,255,255,.7) 70%,rgba(255,255,255,0) 100%)
}
}
.post--card .post__footer-left {
width: 50%;
float: left;
padding-right: 5px;
text-align: left
}
.post--card .post__footer-right {
width: 50%;
float: left;
padding-left: 5px;
text-align: right
}
.post--card .post__footer .post__meta {
margin-top: 0;
margin-bottom: 0
}
.post--horizontal::after {
clear: both;
content: "";
display: table
}
.post--horizontal .post__thumb {
width: 100%;
margin: 0 15px 5px 0
}
@media (min-width:768px) {
.post--horizontal .post__thumb {
width: calc(50% - 15px);
float: left;
margin: 0 20px 0 0
}
}
@media (min-width:992px) {
.post--horizontal .post__thumb {
margin: 0 30px 0 0
}
}
.post--horizontal-xs .post__thumb, .post--horizontal-xxs .post__thumb {
width: 70px;
float: left;
margin: 0 15px 5px 0
}
@media (min-width:768px) {
.post--horizontal-xs .post__thumb {
width: 100px;
float: left;
margin: 0 15px 5px 0
}
}
.post--horizontal-sm .post__thumb {
width: 30%;
float: left;
margin: 0 15px 5px 0
}
@media (min-width:768px) {
.post--horizontal-sm .post__thumb {
margin-right: 20px
}
}
@media (min-width:768px) {
.post--horizontal-md .post__thumb {
width: 40%
}
}
@media (min-width:768px) {
.post--horizontal-lg .post__thumb {
width: 55%
}
}
.post--horizontal .post__text {
overflow: hidden
}
@media (max-width:767px) {
.post--horizontal-sm .post__cat, .post--horizontal-sm .post__excerpt, .post--horizontal-xs .post__cat, .post--horizontal-xs .post__excerpt, .post--horizontal-xxs .post__cat, .post--horizontal-xxs .post__excerpt {
display: none
}
}
@media (max-width:767px) {
.post--horizontal-sm .post__cat + .post__title, .post--horizontal-xs .post__cat + .post__title, .post--horizontal-xxs .post__cat + .post__title {
margin-top: 0
}
}
@media (max-width:767px) {
.post--horizontal-sm .post__title {
font-size: 1.125rem;
font-weight: 400
}
}
@media (min-width:768px) {
.post--horizontal-reverse .post__thumb {
float: right;
margin: 0 0 0 20px
}
}
@media (min-width:992px) {
.post--horizontal-reverse .post__thumb {
margin: 0 0 0 30px
}
}
.post--horizontal-sm.post--horizontal-reverse .post__thumb, .post--horizontal-xs.post--horizontal-reverse .post__thumb, .post--horizontal-xxs.post--horizontal-reverse .post__thumb {
float: right;
margin: 0 0 0 10px
}
@media (min-width:768px) {
.post--horizontal-xs.post--horizontal-reverse .post__thumb {
margin: 0 0 0 20px
}
}
@media (min-width:768px) {
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
margin-left: 20px
}
}
@media (min-width:768px) {
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
margin-left: 30px
}
}
@media (min-width:768px) {
.post--horizontal-middle {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
}
.post--horizontal-middle:after {
content: none
}
@media (min-width:768px) {
.post--horizontal-middle .post__thumb {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
@media (min-width:768px) {
.post--horizontal-middle .post__text {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.post--horizontal-middle.post--horizontal-xs, .post--horizontal-middle.post--horizontal-xxs {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start
}
.post--horizontal-middle.post--horizontal-xs .post__thumb, .post--horizontal-middle.post--horizontal-xxs .post__thumb {
overflow: hidden;
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.post--horizontal-middle.post--horizontal-reverse {
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.post--horizontal-middle.post--horizontal-reverse .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
z-index: 1
}
.post--horizontal-equal-height .post__thumb {
position: relative;
padding-bottom: 56.25%;
height: 0
}
@media (min-width:768px) {
.post--horizontal-equal-height .post__thumb {
height: auto;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
margin: 0;
padding-bottom: 0
}
}
.post--horizontal-equal-height .post__text {
margin: 0
}
@media (min-width:768px) {
.post--horizontal-equal-height .post__text {
width: 100%;
padding: 30px;
padding-left: calc(50% + 15px)
}
}
.post--horizontal-equal-height.post--horizontal-xxs .post__text {
padding-left: 85px
}
.post--horizontal-equal-height.post--horizontal-xs .post__text {
padding-left: 115px
}
.post--horizontal-equal-height.post--horizontal-sm .post__text {
padding-left: calc(33% + 30px)
}
.post--horizontal-equal-height.post--horizontal-md .post__text {
padding-left: calc(40% + 30px)
}
.post--horizontal-equal-height.post--horizontal-lg .post__text {
padding-left: calc(55% + 30px)
}
@media (min-width:768px) {
.post--horizontal-equal-height.post--horizontal-reverse .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1
}
}
.post--horizontal-equal-height.post--horizontal-xs, .post--horizontal-equal-height.post--horizontal-xxs {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.post--horizontal-equal-height.post--horizontal-xs .post__thumb, .post--horizontal-equal-height.post--horizontal-xxs .post__thumb {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xs .post__text, .post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xxs .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1
}
.post--list::after {
clear: both;
content: "";
display: table
}
.post--list .post__thumb {
max-width: 100%;
position: relative;
margin: 0 0 10px 0;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
/*图片hover动画*/
.post__thumb a {
overflow: hidden
}
.post__thumb img {
overflow: hidden;
-webkit-transition: all 444ms ease-in-out;
-moz-transition: all 444ms ease-in-out;
transition: all 444ms ease-in-out
}
.post__thumb img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
@media (min-width:768px) {
.post--list .post__thumb {
max-width: 200px;
float: left;
margin: 0 30px 0 0
}
}
@media (min-width:768px) {
.post--list .post__thumb {
max-width: 300px;
margin: 0 30px 0 0
}
}
.post--list .post__thumb img {
width: 100%
}
.post--list .post__text {
overflow: hidden
}
.post--list--size-1 .post__thumb {
width: 60px;
float: left;
margin: 0 15px 0 0
}
.post--list--size-2 .post__thumb {
width: 80px;
float: left;
margin: 0 15px 0 0
}
@media (min-width:768px) {
.post--list--size-3 .post__thumb {
width: 50%;
max-width: 50%;
float: left;
margin: 0 30px 0 0
}
}
@media (min-width:768px) {
.post--list--size-4 .post__thumb {
width: 55%
}
}
.post--list--reverse .post__thumb {
float: right;
margin: 0 0 0 10px
}
@media (min-width:768px) {
.post--list--reverse .post__thumb {
margin: 0 0 0 15px
}
}
@media (min-width:768px) {
.post--list--reverse.post--list--size-lg .post__thumb, .post--list--reverse.post--list--size-md .post__thumb {
margin: 0 0 0 30px
}
}
.post--overlay {
position: relative;
overflow: hidden;
background-color: #333
}
.post--overlay .post__text {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 14.28571rem
}
.post--overlay-bottom {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.post--overlay-bottom .post__text {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
padding-top: 40px
}
.post--overlay-bottom.has-score-badge .post__text {
padding-top: 80px
}
.post--overlay.has-badge-bottom .post__text {
padding-bottom: 80px
}
.post--overlay.has-badge-bottom .badge-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0)
}
.post--overlay-middle .post__text {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
padding-top: 20px;
padding-bottom: 20px
}
.mnmd-block--fullwidth.carousel_overlay_post_1i .js-mnmd-carousel-1i .post--overlay-sm .post__text, .post--overlay-sm .post__text {
min-height: 17.85714rem
}
@media (min-width:768px) {
.post--overlay-sm .post__text {
min-height: 25rem
}
.mnmd-block--fullwidth.carousel_overlay_post_1i .js-mnmd-carousel-1i .post--overlay-sm .post__text {
min-height: 35rem
}
}
.post--overlay-md .post__text {
min-height: 17.85714rem
}
@media (min-width:768px) {
.post--overlay-md .post__text {
min-height: 25rem
}
}
@media (min-width:992px) {
.post--overlay-md .post__text {
min-height: 32.14286rem
}
}
.post--overlay-lg .post__text {
min-height: 25rem
}
@media (min-width:768px) {
.post--overlay-lg .post__text {
min-height: 32.14286rem
}
}
@media (min-width:992px) {
.post--overlay-lg .post__text {
min-height: 39.28571rem
}
}
@media (max-width:767px) {
.post--overlay-primary-xs .post__text {
min-height: 17.85714rem
}
}
.post--overlay .background-img {
overflow: hidden;
max-width: 100%;
-webkit-transition: all 444ms ease-in-out;
-moz-transition: all 444ms ease-in-out;
transition: all 444ms ease-in-out;
-ms-flex-negative: 0;
flex-shrink: 0
}
.post--overlay:hover .background-img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.post--overlay-floorfade .post__text-wrap {
position: relative;
width: 100%
}
.post--overlay-floorfade .post__text-wrap:before {
content: '';
position: absolute;
top: -100%;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%)
}
@media (min-width:768px) {
.post--overlay-padding-lg .post__text-inner {
padding: 30px
}
}
@media (min-width:768px) {
.post--overlay-padding-lg .overlay-item {
top: 30px;
right: 30px
}
}
@media (min-width:768px) {
.post--overlay-padding-lg .overlay-item--top-left {
top: 30px;
left: 30px
}
}
.post--overlay-padding-lg.has-score-bottom .post-score-hexagon {
bottom: 30px
}
.post--thumb-overlap::after {
clear: both;
content: "";
display: table
}
.post--thumb-overlap .post__wrap {
position: relative;
margin-top: 20px;
background: #f5f5f5
}
@media (min-width:768px) {
.post--thumb-overlap .post__wrap {
margin: 0 0 60px 0;
padding: 40px 40px
}
}
.post--thumb-overlap .post__thumb {
position: relative;
top: -20px;
margin: 0 20px -20px;
border: 5px solid #fff;
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04);
box-shadow: 0 0 10px rgba(0,0,0,.3)
}
@media (min-width:768px) {
.post--thumb-overlap .post__thumb {
width: 50%;
position: absolute;
top: 40px;
right: auto;
bottom: -40px;
left: auto;
margin: 0;
border: 8px solid #fff
}
}
.post--thumb-overlap .post__text {
position: relative;
padding: 20px
}
@media (min-width:768px) {
.post--thumb-overlap .post__text {
width: 50%;
padding: 0 0 0 80px;
margin-left: 50%
}
}
.post--vertical .post__thumb {
display: block;
margin-bottom: 12px;
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.post--vertical-reverse .post__thumb {
margin-top: 10px;
margin-bottom: 0
}
.post--vertical-center .post__thumb {
margin-bottom: 20px
}
.post--vertical-center .post__thumb .post__cat {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,50%);
-moz-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
-o-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
.post--vertical-center .post__meta, .post--vertical-center .post__text {
text-align: center
}
.post--vertical-center .post__excerpt {
margin-left: auto;
margin-right: auto
}
.post--vertical-cat-overlap .post__thumb {
margin-bottom: 20px
}
.post--vertical--fixed-height .post__text-wrapper {
overflow: hidden
}
@media (min-width:768px) {
.post--vertical--fixed-height .post__text {
height: 180px;
position: relative;
overflow: hidden
}
.post--vertical--fixed-height .post__text:after {
content: '';
display: block;
height: 40px;
width: 100%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(0deg,#fff 0,rgba(255,255,255,.7) 70%,rgba(255,255,255,0) 100%)
}
}
.post--vertical--fixed-height .post__meta--box {
margin-top: 10px
}
.post--vertical-overlap .post__text {
position: relative;
margin: -40px 20px 0;
text-align: center
}
.post--vertical-overlap .post__text:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 75px;
background: #fff;
background: -webkit-linear-gradient(-450deg,#fff 0,#fff 40px,rgba(255,255,255,.2) 100%);
background: linear-gradient(180deg,#fff 0,#fff 40px,rgba(255,255,255,.2) 100%);
box-shadow: 6px -10px 27px -8px rgba(0,0,0,.2),-6px -10px 27px -8px rgba(0,0,0,.2)
}
.post--vertical-overlap .post__text-inner {
padding: 15px 15px 0
}
.post--vertical-overlap .post__text-inner .post__meta--box {
margin-left: -20px;
margin-right: -20px
}
@media (min-width:768px) {
.post--vertical-overlap-l .post__text {
margin-left: 30px;
margin-right: 30px;
margin-top: -60px
}
.post--vertical-overlap-l .post__text:before {
height: 110px;
background: -webkit-linear-gradient(-450deg,#fff 0,#fff 60px,rgba(255,255,255,.2) 100%);
background: linear-gradient(180deg,#fff 0,#fff 60px,rgba(255,255,255,.2) 100%)
}
}
@media (min-width:768px) {
.post--vertical-overlap-l .post__text-inner {
padding: 30px 30px 0 30px
}
}
@media (min-width:768px) {
.post--vertical-overlap-l .post__text-inner .post__meta--box {
margin-left: -30px;
margin-right: -30px
}
}
.advertisement-area--before-content {
padding: 10px 0;
border: 1px solid rgba(0,0,0,.05)
}
.advertisement-inner {
margin: 0 auto;
text-align: center
}
.owl-carousel {
display: block
}
.owl-carousel .owl-item {
-webkit-backface-visibility: visible
}
.owl-carousel.owl-loaded .owl-item:not(:first-child), .owl-carousel.owl-loaded .slide-content:not(:first-child) {
display: block
}
.owl-carousel.owl-loaded .owl-item:first-child, .owl-carousel.owl-loaded .slide-content:first-child {
visibility: visible
}
.owl-next, .owl-prev {
cursor: pointer
}
.carousel-stage-visible .owl-stage-outer {
overflow: visible
}
.dots-visible-xs .owl-dots {
display: none
}
@media (max-width:767px) {
.dots-visible-xs .owl-dots {
display: block
}
}
.dots-visible-sm .owl-dots {
display: none
}
@media (max-width:991px) {
.dots-visible-sm .owl-dots {
display: block
}
}
@media (max-width:767px) {
.nav-hidden-xs .owl-nav {
display: none
}
}
.mnmd-carousel {
position: relative
}
.mnmd-carousel .owl-dots {
padding: 15px 0;
text-align: center;
line-height: 1
}
.mnmd-carousel .owl-dot {
display: inline-block;
padding: 7px
}
.mnmd-carousel .owl-dot span {
display: block;
height: 8px;
width: 8px;
border-radius: 2px;
background: rgba(0,0,0,.2);
vertical-align: middle
}
.mnmd-carousel .owl-dot.active span {
background: rgba(0,0,0,.4)
}
.mnmd-carousel .flickity-page-dots {
position: relative;
bottom: 0;
padding: 15px 0;
text-align: center;
line-height: 1
}
.mnmd-carousel .flickity-page-dots .dot {
display: inline-block;
width: auto;
height: auto;
margin: 0;
padding: 7px;
background: 0 0;
opacity: 1;
vertical-align: middle
}
.mnmd-carousel .flickity-page-dots .dot:after {
content: '';
display: block;
height: 8px;
width: 8px;
border-radius: 2px;
background: rgba(0,0,0,.2)
}
.mnmd-carousel .flickity-page-dots .dot.is-selected:after {
background: rgba(0,0,0,.4)
}
.mnmd-carousel-dots-inverse .owl-dot span {
background: rgba(255,255,255,.4)
}
.mnmd-carousel-dots-inverse .owl-dot.active span {
background: rgba(255,255,255,.8)
}
.mnmd-carousel-dots-inverse .flickity-page-dots .dot:after {
background: rgba(255,255,255,.4)
}
.mnmd-carousel-dots-inverse .flickity-page-dots .dot.is-selected:after {
background: rgba(255,255,255,.8)
}
.mnmd-carousel-dots-inside .slide-content .post__text-wrap {
padding-bottom: 20px
}
.mnmd-carousel-dots-inside .owl-dots {
width: 100%;
position: absolute;
bottom: 0
}
.mnmd-carousel-dots-inside .owl-dot span {
background: rgba(255,255,255,.4)
}
.mnmd-carousel-dots-inside .owl-dot.active span {
background: rgba(255,255,255,.8)
}
.mnmd-carousel-dots-inside .flickity-page-dots {
position: absolute;
bottom: 0
}
.mnmd-carousel-dots-inside .flickity-page-dots .dot:after {
background: rgba(255,255,255,.4)
}
.mnmd-carousel-dots-inside .flickity-page-dots .dot.is-selected:after {
background: rgba(255,255,255,.8)
}
.mnmd-carousel .owl-next, .mnmd-carousel .owl-prev {
width: 36px;
padding: 25px 0;
background: rgba(0,0,0,.4);
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0,-50%) scale(1,1);
-moz-transform: translate(0,-50%) scale(1,1);
-ms-transform: translate(0,-50%) scale(1,1);
-o-transform: translate(0,-50%) scale(1,1);
transform: translate(0,-50%) scale(1,1);
-webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
-moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
transition: all .3s cubic-bezier(.23,1,.32,1) .1s
}
.mnmd-carousel .owl-next:hover, .mnmd-carousel .owl-prev:hover {
width: 51px;
background: rgba(0,0,0,.6)
}
.mnmd-carousel .owl-next.disabled, .mnmd-carousel .owl-prev.disabled {
-webkit-transform: translate(0,-50%) scale(0,1);
-moz-transform: translate(0,-50%) scale(0,1);
-ms-transform: translate(0,-50%) scale(0,1);
-o-transform: translate(0,-50%) scale(0,1);
transform: translate(0,-50%) scale(0,1)
}
.mnmd-carousel .owl-next i, .mnmd-carousel .owl-prev i {
margin: 0;
font-size: 30px;
line-height: 1
}
.mnmd-carousel .owl-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.mnmd-carousel .owl-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.mnmd-carousel .slick-arrow {
width: 36px;
padding: 25px 0;
background: rgba(0,0,0,.4);
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
-moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
transition: all .3s cubic-bezier(.23,1,.32,1) .1s
}
.mnmd-carousel .slick-arrow:hover {
width: 51px;
background: rgba(0,0,0,.6)
}
.mnmd-carousel .slick-arrow:before {
margin: 0;
font-size: 30px;
line-height: 1
}
.mnmd-carousel .slick-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0
}
.mnmd-carousel .slick-prev.disabled {
-webkit-transform: translate(-100%,-50%);
-moz-transform: translate(-100%,-50%);
-ms-transform: translate(-100%,-50%);
-o-transform: translate(-100%,-50%);
transform: translate(-100%,-50%)
}
.mnmd-carousel .slick-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto
}
.mnmd-carousel .slick-next.disabled {
-webkit-transform: translate(100%,-50%);
-moz-transform: translate(100%,-50%);
-ms-transform: translate(100%,-50%);
-o-transform: translate(100%,-50%);
transform: translate(100%,-50%)
}
.mnmd-carousel .flickity-prev-next-button {
width: 36px;
height: auto;
padding: 25px 0;
background: rgba(0,0,0,.4);
border-radius: 0;
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0,-50%) scale(1,1);
-moz-transform: translate(0,-50%) scale(1,1);
-ms-transform: translate(0,-50%) scale(1,1);
-o-transform: translate(0,-50%) scale(1,1);
transform: translate(0,-50%) scale(1,1);
-webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
-moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
transition: all .3s cubic-bezier(.23,1,.32,1) .1s
}
.mnmd-carousel .flickity-prev-next-button:hover {
width: 51px;
background: rgba(0,0,0,.6)
}
.mnmd-carousel .flickity-prev-next-button.disabled {
-webkit-transform: translate(0,-50%) scale(0,1);
-moz-transform: translate(0,-50%) scale(0,1);
-ms-transform: translate(0,-50%) scale(0,1);
-o-transform: translate(0,-50%) scale(0,1);
transform: translate(0,-50%) scale(0,1)
}
.mnmd-carousel .flickity-prev-next-button svg {
display: none
}
.mnmd-carousel .flickity-prev-next-button:before {
content: "\e720";
font-family: "iconfont" !important;
font-size: 30px
}
.mnmd-carousel .flickity-prev-next-button.previous {
left: 0
}
.mnmd-carousel .flickity-prev-next-button.next {
right: 0
}
.mnmd-carousel .flickity-prev-next-button.next:before {
content: "\e6f8";
font-family: "iconfont" !important;
}
.mnmd-carousel-nav-none .owl-nav {
display: none
}
.mnmd-carousel-nav-a {
padding-bottom: 30px
}
.mnmd-carousel-nav-a .owl-nav {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
border-radius: 4px;
background: #fff;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
-webkit-transform: translate(-50%,50%);
-moz-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
-o-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
.mnmd-carousel-nav-a .owl-nav .disabled {
cursor: auto
}
.mnmd-carousel-nav-a .owl-next, .mnmd-carousel-nav-a .owl-prev {
display: inline-block;
height: 40px;
width: 40px;
position: relative;
padding: 0;
background: #fff;
color: rgba(0,0,0,.8);
font-size: 24px;
line-height: 40px;
text-align: center;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.mnmd-carousel-nav-a .owl-next i, .mnmd-carousel-nav-a .owl-prev i {
color: rgba(0,0,0,.8);
font-size: 24px;
line-height: 40px;
text-align: center
}
.mnmd-carousel-nav-a .owl-prev {
border-right: 1px solid rgba(0,0,0,.05)
}
.mnmd-carousel-nav-b .owl-next, .mnmd-carousel-nav-b .owl-prev, .mnmd-carousel-nav-b .slick-arrow {
display: block;
height: 40px;
width: 40px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 4px;
background: #fff;
font-size: 24px;
line-height: 40px;
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
.mnmd-carousel-nav-b .owl-next.disabled, .mnmd-carousel-nav-b .owl-prev.disabled, .mnmd-carousel-nav-b .slick-arrow.disabled {
display: none
}
.mnmd-carousel-nav-b .owl-prev, .mnmd-carousel-nav-b .slick-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.mnmd-carousel-nav-b .owl-next, .mnmd-carousel-nav-b .slick-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(50%,-50%);
-moz-transform: translate(50%,-50%);
-ms-transform: translate(50%,-50%);
-o-transform: translate(50%,-50%);
transform: translate(50%,-50%)
}
.mnmd-carousel-nav-c .owl-next, .mnmd-carousel-nav-c .owl-prev {
top: 0;
bottom: 0;
-webkit-transform: translate(0,0) scale(1,1);
-moz-transform: translate(0,0) scale(1,1);
-ms-transform: translate(0,0) scale(1,1);
-o-transform: translate(0,0) scale(1,1);
transform: translate(0,0) scale(1,1)
}
.mnmd-carousel-nav-c .owl-next.disabled, .mnmd-carousel-nav-c .owl-prev.disabled {
-webkit-transform: translate(0,0) scale(0,1);
-moz-transform: translate(0,0) scale(0,1);
-ms-transform: translate(0,0) scale(0,1);
-o-transform: translate(0,0) scale(0,1);
transform: translate(0,0) scale(0,1)
}
.mnmd-carousel-nav-c .owl-next i, .mnmd-carousel-nav-c .owl-prev i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.mnmd-carousel-nav-d .owl-carousel .owl-stage-outer {
overflow: visible
}
.mnmd-carousel-nav-d .owl-next, .mnmd-carousel-nav-d .owl-prev {
display: block;
width: 9999px;
width: calc(100vw - 100%);
background: rgba(255,255,255,.8);
color: rgba(0,0,0,.4);
font-size: 40px;
text-align: center
}
.mnmd-carousel-nav-d .owl-next.disabled, .mnmd-carousel-nav-d .owl-prev.disabled {
display: none
}
.mnmd-carousel-nav-d .owl-prev {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: -10px;
-webkit-transform: translate(-100%,0);
-moz-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
transform: translate(-100%,0)
}
@media (min-width:992px) {
.mnmd-carousel-nav-d .owl-prev {
left: -30px
}
}
.mnmd-carousel-nav-d .owl-next {
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: auto;
-webkit-transform: translate(100%,0);
-moz-transform: translate(100%,0);
-ms-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0)
}
@media (min-width:992px) {
.mnmd-carousel-nav-d .owl-next {
right: -30px
}
}
.mnmd-carousel-nav-d .owl-prev i {
position: absolute;
top: 50%;
right: 20px;
bottom: auto;
left: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.mnmd-carousel-nav-d .owl-next i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 20px;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.mnmd-carousel-nav-e .owl-next, .mnmd-carousel-nav-e .owl-prev, .mnmd-carousel-nav-e .slick-arrow, .mnmd-carousel-nav-e .swiper-button-next, .mnmd-carousel-nav-e .swiper-button-prev {
display: block;
height: 80px;
width: 36px;
background: rgba(0,0,0,.4);
color: #fff;
font-size: 24px;
text-align: center;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-transition: all .3s cubic-bezier(.23,1,.32,1);
-moz-transition: all .3s cubic-bezier(.23,1,.32,1);
transition: all .3s cubic-bezier(.23,1,.32,1)
}
.mnmd-carousel-nav-e .owl-next:hover, .mnmd-carousel-nav-e .owl-prev:hover, .mnmd-carousel-nav-e .slick-arrow:hover, .mnmd-carousel-nav-e .swiper-button-next:hover, .mnmd-carousel-nav-e .swiper-button-prev:hover {
width: 46px
}
.mnmd-carousel-nav-e .owl-prev i, .mnmd-carousel-nav-e .slick-prev i {
margin-right: 6px;
line-height: 60px
}
.mnmd-carousel-nav-e .owl-next i, .mnmd-carousel-nav-e .slick-next i {
margin-left: 6px;
line-height: 60px
}
.mnmd-carousel-nav-e .owl-prev, .mnmd-carousel-nav-e .slick-prev, .mnmd-carousel-nav-e .swiper-button-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0
}
.mnmd-carousel-nav-e .owl-prev:before, .mnmd-carousel-nav-e .slick-prev:before, .mnmd-carousel-nav-e .swiper-button-prev:before {
content: '\e408';
font-family: mdicon;
font-size: 36px;
line-height: 80px
}
.mnmd-carousel-nav-e .owl-next, .mnmd-carousel-nav-e .slick-next, .mnmd-carousel-nav-e .swiper-button-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto
}
.mnmd-carousel-nav-e .owl-next:before, .mnmd-carousel-nav-e .slick-next:before, .mnmd-carousel-nav-e .swiper-button-next:before {
content: '\e409';
font-family: mdicon;
font-size: 32px;
line-height: 80px
}
.mnmd-carousel-nav-f .owl-next, .mnmd-carousel-nav-f .owl-prev, .mnmd-carousel-nav-f .slick-arrow {
display: inline-block;
height: 50px;
width: 50px;
position: absolute;
top: 50%;
right: 20px;
bottom: auto;
left: auto;
background: #fff;
background-clip: padding-box;
border: 3px solid rgba(255,255,255,.4);
border-radius: 100%;
font-size: 28px;
line-height: 50px;
text-align: center;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
box-shadow: 0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05)
}
.mnmd-carousel-nav-f .owl-prev, .mnmd-carousel-nav-f .slick-prev {
left: 20px;
right: auto
}
.mnmd-carousel-nav-custom-holder .owl-next, .mnmd-carousel-nav-custom-holder .owl-prev {
display: inline-block;
height: 40px;
width: 40px;
position: relative;
padding: 0;
background: #fff;
border: 1px solid rgba(0,0,0,.05);
border-radius: 3px;
color: #333;
line-height: 38px;
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.mnmd-carousel-nav-custom-holder .owl-next:hover, .mnmd-carousel-nav-custom-holder .owl-prev:hover {
background: #fff;
width: 40px
}
.mnmd-carousel-nav-custom-holder .owl-next.disabled, .mnmd-carousel-nav-custom-holder .owl-prev.disabled {
background: #aaa;
cursor: default;
opacity: .5;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.mnmd-carousel-nav-custom-holder .owl-next i, .mnmd-carousel-nav-custom-holder .owl-prev i {
font-size: 20px
}
.mnmd-carousel-nav-custom-holder .owl-prev {
margin-right: 4px
}
.mnmd-carousel-dots-none .owl-dots {
display: none
}
.mnmd-carousel-dots-a .owl-dots {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0)
}
@media (min-width:768px) {
.mnmd-carousel-dots-a .owl-dots {
bottom: 10px
}
}
.mnmd-carousel-dots-a .owl-dot {
display: inline-block;
padding: 10px
}
.mnmd-carousel-dots-a .owl-dot span {
display: inline-block;
height: 8px;
width: 8px;
border-radius: 100%;
background: rgba(255,255,255,.4);
vertical-align: middle;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease
}
.mnmd-carousel-dots-a .owl-dot.active span {
background: rgba(255,255,255,.8)
}
.mnmd-carousel-dots-b .owl-dots {
padding: 15px 0;
text-align: center
}
.mnmd-carousel-dots-b .owl-dot {
display: inline-block;
height: 8px;
width: 8px;
margin: 0 8px;
border-radius: 100%;
background: rgba(0,0,0,.2);
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.mnmd-carousel-dots-b .owl-dot.active {
background: rgba(0,0,0,.4)
}
.mnmd-carousel-dots-b .swiper-pagination {
position: static;
padding: 15px 0
}
.mnmd-carousel-dots-b--inverse .swiper-pagination-bullet {
background: #fff
}
.mnmd-carousel .slide-content:not(:first-child) {
display: none
}
.mnmd-carousel .slick-initialized .slide-content, .mnmd-carousel.slick-initialized .slide-content {
display: block
}
.mnmd-carousel .flickity-enabled .slide-content, .mnmd-carousel.flickity-enabled .slide-content {
display: block
}
.slick-arrow {
border: none;
border-radius: 0;
box-shadow: none;
font-size: 0;
z-index: 10
}
.slick-arrow:before {
content: '\e408';
font-family: mdicon;
font-size: 22px
}
.slick-next:before {
content: '\e409'
}
.slick-dots {
display: block;
margin: 10px auto;
padding: 0;
list-style: none;
text-align: center;
z-index: 10
}
.slick-dots li {
display: inline-block
}
.slick-dots li button {
display: inline-block;
height: 12px;
width: 12px;
padding: 0;
margin: 0 10px;
border: 1px solid transparent;
border-radius: 100%;
background: rgba(0,0,0,.2);
box-shadow: none;
font-size: 0;
vertical-align: middle;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
-moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.slick-dots li button:focus, .slick-dots li button:hover {
background: rgba(0,0,0,.4)
}
.slick-dots li.slick-active button {
-webkit-transform: scale(1.4,1.4);
-moz-transform: scale(1.4,1.4);
-ms-transform: scale(1.4,1.4);
-o-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
background: 0 0;
border: 1px solid rgba(0,0,0,.2)
}
.mnmd-carousel--dots-transparent .slick-dots {
width: 100%;
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: auto;
margin: 0 auto
}
.flexslider {
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
min-height: 400px
}
.flexslider .slides > li:first-child {
display: block;
opacity: 0
}
.flexslider .flex-viewport .slides > li:first-child {
opacity: 1
}
.mnmd-gallery-slider .fotorama__thumb-border {
border-color: #FC3C2D;
background: 0 0
}
.mnmd-gallery-slider .fotorama__nav__frame:not(.fotorama__active) {
opacity: .8
}
.mnmd-gallery-slider .fotorama__nav--thumbs {
position: relative;
background: #111
}
.mnmd-gallery-slider .fotorama__nav--dots {
margin-top: 5px
}
.mnmd-gallery-slider .fotorama__nav--dots .fotorama__nav__frame {
width: auto;
height: auto;
padding: 12px 8px
}
.mnmd-gallery-slider .fotorama__dot {
height: 8px;
width: 8px;
top: auto;
left: auto;
border: none;
border-radius: 2px;
background: rgba(0,0,0,.2)
}
.mnmd-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot {
height: 8px;
width: 8px;
background: rgba(0,0,0,.4)
}
.mnmd-gallery-slider .fotorama__caption {
text-align: center;
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%)
}
.mnmd-gallery-slider .fotorama__caption__wrap {
padding: 1em;
background: 0 0;
color: #fff;
font-size: 1rem;
text-shadow: 0 0 8px rgba(0,0,0,.5)
}
.mnmd-gallery-slider .fotorama__caption__wrap a, .mnmd-gallery-slider .fotorama__caption__wrap a:active, .mnmd-gallery-slider .fotorama__caption__wrap a:focus, .mnmd-gallery-slider .fotorama__caption__wrap a:hover {
color: #fff;
text-decoration: none;
border: none
}
.mnmd-carousel-overflow {
overflow: hidden
}
@media (max-width:767px) {
.mnmd-carousel-overflow {
margin-left: -15px;
margin-right: -15px
}
}
.mnmd-carousel-overflow--has-background {
padding: 20px;
border: 1px solid rgba(0,0,0,.1);
background-color: #f5f5f5
}
@media (min-width:768px) {
.mnmd-carousel-overflow--has-background {
padding: 40px
}
}
.mnmd-carousel-overflow--has-background .mnmd-carousel__inner {
margin-left: -20px;
margin-right: -20px
}
@media (min-width:768px) {
.mnmd-carousel-overflow--has-background .mnmd-carousel__inner {
margin-left: -40px;
margin-right: -40px
}
}
.mnmd-carousel-overflow--has-background:not(.mnmd-carouel-dots-none) {
padding-bottom: 0
}
.category-bar {
margin-bottom: 30px
}
.category-bar-inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px
}
.category-bar__cat {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 8px 10px;
text-align: center
}
.category-bar__cat a {
display: block;
padding: 8px;
border: 1px solid rgba(0,0,0,.04);
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.category-bar__cat a:hover {
box-shadow: 0 3px 6px rgba(0,0,0,.05),0 3px 6px rgba(0,0,0,.06)
}
.category-bar .cat-icon {
color: rgba(0,0,0,.2);
font-size: 30px;
-webkit-transition: all .15s ease-out 0s;
-moz-transition: all .15s ease-out 0s;
transition: all .15s ease-out 0s
}
.category-bar .cat-name {
color: rgba(0,0,0,.8);
font-size: 12px;
text-transform: uppercase
}
.mnmd-countdown {
position: relative;
text-align: center
}
.mnmd-countdown__inner {
display: inline-block;
margin: 0 -10px
}
.mnmd-countdown__inner::after {
clear: both;
content: "";
display: table
}
@media (min-width:768px) {
.mnmd-countdown__inner {
margin: 0 -20px
}
}
@media (min-width:992px) {
.mnmd-countdown__inner {
margin: 0 -30px
}
}
.countdown__section {
display: inline-block;
min-width: 60px;
margin: 0 10px;
text-align: center
}
@media (min-width:768px) {
.countdown__section {
min-width: 80px;
margin: 0 20px
}
}
.countdown__digit {
display: block;
font-size: 32px;
font-weight: 700
}
@media (min-width:768px) {
.countdown__digit {
font-size: 48px
}
}
.countdown__text {
display: block;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: .1em
}
@media (min-width:768px) {
.countdown__text {
font-size: 16px
}
}
@media (min-width:992px) {
.countdown__text {
font-size: 20px
}
}
.mnmd-countdown-block::after {
clear: both;
content: "";
display: table
}
.mnmd-countdown-block .mnmd-block__inner {
padding: 20px
}
@media (min-width:768px) {
.mnmd-countdown-block .mnmd-block__inner {
padding: 30px
}
}
.mnmd-countdown-block--solid-overlay .mnmd-countdown {
padding: 20px;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.05),0 3px 6px rgba(0,0,0,.06)
}
.mnmd-block {
position: relative;
margin-bottom: 40px
}
.mnmd-block__inner {
position: relative
}
@media (min-width:1200px) {
.mnmd-block--fullwidth {
margin-bottom: 20px
}
}
.mnmd-block--fullwidth.has-background:last-child {
margin-bottom: -30px
}
@media (min-width:1200px) {
.mnmd-block--fullwidth.has-background:last-child {
margin-bottom: -60px
}
}
.mnmd-block--contiguous:not(.has-overlap-background) + .mnmd-block--contiguous {
margin-top: -40px
}
@media (min-width:1200px) {
.mnmd-block--fullwidth.mnmd-block--contiguous:not(.has-overlap-background) + .mnmd-block--fullwidth.mnmd-block--contiguous {
margin-top: -60px
}
}
.mnmd-block.has-background {
padding-top: 30px;
padding-bottom: 30px
}
@media (min-width:992px) {
.mnmd-block.has-background {
padding-top: 40px;
padding-bottom: 40px
}
}
@media (min-width:992px) {
.mnmd-block.has-background--md {
padding-top: 60px;
padding-bottom: 60px
}
}
.mnmd-block.has-overlap-background {
padding-top: 30px
}
@media (min-width:992px) {
.mnmd-block.has-overlap-background {
padding-top: 40px
}
}
.mnmd-block.has-border {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(0,0,0,.05);
border-bottom: 1px solid rgba(0,0,0,.05)
}
@media (min-width:992px) {
.mnmd-block.has-border {
padding-top: 40px;
padding-bottom: 40px
}
}
.mnmd-layout-split:first-child {
margin-top: -10px
}
body.is-mnmd-offcanvas-opened {
overflow: hidden
}
.mnmd-offcanvas {
max-width: 100%;
width: 320px;
position: fixed;
top: 0;
right: 0;
left: auto;
bottom: 0;
margin: 0;
overflow-y: auto;
background: #fff;
z-index: 999999;
-webkit-transform: translate(101%,0);
-moz-transform: translate(101%,0);
-ms-transform: translate(101%,0);
-o-transform: translate(101%,0);
transform: translate(101%,0);
-webkit-transition: all .2s cubic-bezier(.23,1,.32,1) .1s;
-moz-transition: all .2s cubic-bezier(.23,1,.32,1) .1s;
transition: all .2s cubic-bezier(.23,1,.32,1) .1s
}
body.admin-bar .mnmd-offcanvas {
margin-top: 46px
}
@media (min-width:768px) {
.mnmd-offcanvas {
width: 360px
}
}
@media (min-width:784px) {
body.admin-bar .mnmd-offcanvas {
margin-top: 32px
}
}
.mnmd-offcanvas.is-active {
box-shadow: 0 1px 10px 10px rgba(0,0,0,.1);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.mnmd-offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.4);
z-index: 1030
}
.mnmd-offcanvas-close {
height: 30px;
width: 30px;
position: absolute;
top: 8px;
right: 8px;
bottom: auto;
left: auto;
padding: 0;
border: 1px solid rgba(0,0,0,.05);
border-radius: 100%;
background: 0 0;
color:#103381;
font-size: 14px;
line-height: 28px;
text-align: center;
text-decoration: none !important;
overflow: hidden
}
.mnmd-offcanvas__title {
position: relative;
padding: 20px 50px 20px 20px;
font-size: 14px;
background: #fff;
}
.mnmd-offcanvas__title .social-list {
margin-top: 10px;
font-size: 16px;
color: rgba(0,0,0,.4)
}
.mnmd-offcanvas__section {
padding: 20px
}
.mnmd-offcanvas__section:not(:first-child) {
border-top: 1px solid rgba(0,0,0,.05)
}
.mnmd-offcanvas__section-search + .mnmd-offcanvas__section-navigation {
padding-top: 0;
border-top: none
}
.navigation--offcanvas {
margin: 0 -20px
}
.navigation--offcanvas li {
color: rgba(0,0,0,.6);
border-bottom: 1px solid #f5f5f5;
}
.navigation--offcanvas li:last-child {
border-bottom: none;
}
.navigation--offcanvas li > a {
color: inherit;
text-decoration: none;
display: block;
position: relative;
padding: 10px 10px;
background: 0 0;
color: rgba(0,0,0,.6);
font-size:16px;
}
.navigation--offcanvas li > a:active, .navigation--offcanvas li > a:focus, .navigation--offcanvas li > a:hover {
color: inherit;
text-decoration: none
}
.navigation--offcanvas li > a:hover {
background: rgba(0,0,0,.02)
}
.navigation--offcanvas li > a:after {
content: '';
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
border-right: 3px solid #103381;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1) .1s;
-moz-transition: all .3s cubic-bezier(.23, 1, .32, 1) .1s;
transition: all .3s cubic-bezier(.23, 1, .32, 1) .1s
}
.navigation--offcanvas li.current-menu-item > a:after {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.navigation--offcanvas li.menu-item-has-children > a {
padding-right: 56px
}
.navigation--offcanvas > li > a {
padding: 15px 20px;
text-transform: uppercase;
font-weight: 700
}
.navigation--offcanvas .sub-menu {
display: none;
padding: 5px 0
}
.navigation--offcanvas > li > .sub-menu > li > a {
padding-left: 40px
}
.navigation--offcanvas > li > .sub-menu > li > .sub-menu > li > a {
padding-left: 50px
}
.navigation--offcanvas .submenu-toggle {
display: block;
width: 36px;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: auto;
text-align: center
}
.navigation--offcanvas .submenu-toggle i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
margin: 0;
font-size: 20px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.widget {
margin-bottom: 40px
}
.widget:last-child {
margin-bottom: 0
}
.widget--centered {
text-align: center
}
.widget--has-background {
padding: 20px
}
.widget__title {
margin-bottom: 20px
}
.has-block-heading-line .widget__title, .has-block-heading-line-around .widget__title {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.has-block-heading-line .widget__title:after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2;
margin-left: .6em;
border-top: 2px solid rgba(0,0,0,.05)
}
.widget__title a {
color: inherit;
text-decoration: none
}
.mnmd-offcanvas .widget__title:after, .mnmd-offcanvas .widget__title:before {
content: none !important
}
.has-block-heading-line-around .site-footer .widget__title {
display: block;
text-align: center
}
.widget__title-text {
margin: 0;
font-size: 18px;
font-size: 1.28rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase
}
.widget__title .first-word, .widget__title span {
font-weight: 300
}
.has-block-heading-line-under .widget__title {
padding-bottom: 5px;
border-bottom: 2px solid rgba(0,0,0,.1)
}
.has-block-heading-line-around .widget__title__title {
padding-right: 0
}
.has-block-heading-line-around .widget__title__seperator, .has-block-heading-line-under .widget__title__seperator {
display: none
}
.has-block-heading-line-around .widget__title:after, .has-block-heading-line-around .widget__title:before {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: .6em;
border-bottom: 2px solid rgba(0,0,0,.05)
}
.has-block-heading-line-around .widget__title:after {
margin-left: .6em
}
.has-block-heading-line-around .mnmd-widget--box .widget__title {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.site-footer .widget__title__title {
font-size: 14px
}
.mnmd-widget--box .widget__title {
margin-bottom: 0;
padding: 10px 20px;
background: #FC3C2D;
border-bottom: none;
color: #fff
}
.mnmd-widget--box .widget__title:after, .mnmd-widget--box .widget__title:before {
content: none
}
.mnmd-widget--box .widget__inner {
padding: 20px;
background: #fafafa
}
.mnmd-widget-indexed-posts-a .posts-list {
counter-reset: li
}
.mnmd-widget-indexed-posts-a .posts-list > li .post__thumb {
position: relative
}
.mnmd-widget-indexed-posts-a .posts-list > li .post__thumb:after {
content: counter(li);
counter-increment: li;
display: block;
height: 24px;
width: 24px;
position: absolute;
top: auto;
right: auto;
bottom: 4px;
left: 4px;
border: 1px solid rgba(255,255,255,.4);
background: #FC3C2D;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 22px;
font-weight: 700
}
.mnmd-widget-indexed-posts-b .posts-list {
counter-reset: li
}
.mnmd-widget-indexed-posts-b .posts-list > li .post__title {
position: relative
}
.mnmd-widget-indexed-posts-b .posts-list > li .post__title:after {
content: counter(li);
counter-increment: li;
display: block;
position: absolute;
top: -30px;
right: 15px;
bottom: auto;
left: auto;
color: #FC3C2D;
font-size: 96px;
line-height: 1;
font-weight: 700;
font-style: italic;
opacity: .25
}
.mnmd-widget-indexed-posts-c .list-index {
display: inline-block;
min-width: 45px;
margin-left: 10px;
color: rgba(0,0,0,.8);
font-size: 26px;
font-size: 1.86rem;
line-height: 1;
font-weight: 700;
text-align: center
}
.mnmd-widget-indexed-posts-c .posts-list > li .post--overlay .post__text-inner {
padding-left: 10px
}
.mnmd-widget-indexed-posts-c .posts-list > li .post--overlay .list-index {
margin-left: 0;
color: #fff;
font-size: 36px;
font-size: 2.57rem
}
.mnmd-widget-most-commented .comments-count-box {
color: inherit;
text-decoration: none;
min-width: 48px;
margin-right: 10px;
padding: 10px 12px;
background: #444;
font-size: 16px
}
.mnmd-widget-most-commented .comments-count-box:active, .mnmd-widget-most-commented .comments-count-box:focus, .mnmd-widget-most-commented .comments-count-box:hover {
color: inherit;
text-decoration: none
}
.mnmd-widget-most-commented .comments-count-box:before {
border-top-color: #444
}
.mnmd-widget-social-counter::after {
clear: both;
content: "";
display: table
}
.social-tile {
color: inherit;
text-decoration: none;
display: block;
position: relative;
padding: 15px 30px;
border-radius: 2px;
background: rgba(0,0,0,.05);
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.social-tile:active, .social-tile:focus, .social-tile:hover {
color: inherit;
text-decoration: none
}
.social-tile:hover {
background: rgba(0,0,0,.02)
}
.social-tile:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
background: linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)
}
.social-tile__inner {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.social-tile__icon {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
font-size: 5.7143rem;
color: rgba(255,255,255,.2);
line-height: 1;
-webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-moz-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-webkit-transform: translate(20%,25%) scale(1,1);
-moz-transform: translate(20%,25%) scale(1,1);
-ms-transform: translate(20%,25%) scale(1,1);
-o-transform: translate(20%,25%) scale(1,1);
transform: translate(20%,25%) scale(1,1);
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-ms-transform-origin: 0 50% 0;
-o-transform-origin: 0 50% 0;
transform-origin: 0 50% 0
}
.social-tile:hover .social-tile__icon {
-webkit-transform: translate(20%,20%) scale(1.4,1.4);
-moz-transform: translate(20%,20%) scale(1.4,1.4);
-ms-transform: translate(20%,20%) scale(1.4,1.4);
-o-transform: translate(20%,20%) scale(1.4,1.4);
transform: translate(20%,20%) scale(1.4,1.4)
}
.social-tile__title {
margin: 0;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase
}
.social-tile__count {
color: rgba(255,255,255,.6);
font-size: 1rem;
line-height: 1.1
}
.social-tile__right .mdicon {
display: inline-block;
font-size: 1.2857rem;
color: #fff;
-webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-moz-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
transition: all .3s cubic-bezier(.175,.885,.32,1.275)
}
.social-tile:hover .social-tile__right .mdicon {
-webkit-transform: translate(40%,0);
-moz-transform: translate(40%,0);
-ms-transform: translate(40%,0);
-o-transform: translate(40%,0);
transform: translate(40%,0)
}
.widget-subscribe {
padding-top: 20px
}
.widget-subscribe__inner {
padding: 20px;
background: #fff;
border: 3px solid #eee;
box-shadow: 0 -20px 0 -10px #f5f5f5,0 -38px 0 -20px #fafafa
}
@media (min-width:768px) {
.widget-subscribe__inner {
padding: 30px
}
}
.widget-subscribe .subscribe-form {
color: rgba(0,0,0,.8)
}
.widget-subscribe.widget--centered .subscribe-form input[type=email] {
text-align: center
}
.widget-subscribe--stack-bottom {
padding-top: 0;
padding-bottom: 20px
}
.widget-subscribe--stack-bottom .widget-subscribe__inner {
box-shadow: 0 20px 0 -10px #f5f5f5,0 38px 0 -20px #fafafa
}
.widget_archive ul {
list-style: none;
padding: 0
}
.widget_archive li:not(:last-child) {
margin-bottom: 15px
}
.widget_archive li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.widget_archive a > span {
display: inline-block;
background: #ccc;
padding: 1px 5px;
border-radius: 3px;
margin-left: 5px;
font-size: .8571rem;
color: #fff
}
.widget_archive ul.children {
padding-top: 15px;
padding-left: 15px
}
.widget_archive ul.children li > a {
color: rgba(0,0,0,.6)
}
.widget_calendar {
border-bottom: none
}
#calendar_wrap {
border-radius: 3px;
overflow: hidden;
background-color: #fff
}
.widget_calendar caption {
padding: .6em;
text-align: center;
font-size: 22px;
font-size: 1.5714rem;
font-weight: 700;
color: #fff;
background-color: #333
}
.widget_calendar table {
width: 100%;
margin-bottom: 0;
font-size: 12px;
font-size: .8571rem;
color: rgba(0,0,0,.6);
border: 1px solid rgba(0,0,0,.05)
}
.widget_calendar thead {
background-color: #fafafa
}
.widget_calendar th {
padding: 1em;
text-align: center;
border: none
}
.widget_calendar td {
padding: .8em 1em;
border: none;
text-align: center
}
.widget_calendar td a {
position: relative;
text-decoration: none;
color: rgba(0,0,0,.8);
font-weight: 700
}
.widget_calendar td a:before {
content: '';
display: block;
width: 4px;
height: 4px;
position: absolute;
top: -4px;
right: -6px;
bottom: auto;
left: auto;
border-radius: 100%;
background-color: #aaa;
background-color: #FC3C2D
}
.widget_calendar #today, .widget_calendar #today a {
position: relative;
font-weight: 700;
color: #fff;
background-color: #444;
background-color: #FC3C2D
}
.widget_calendar tfoot {
border-top: 1px solid rgba(0,0,0,.05)
}
.widget_calendar tfoot td {
padding: 1em
}
.widget_calendar tfoot a {
font-size: 18px;
font-weight: 700;
color: rgba(0,0,0,.8)
}
.widget_calendar tfoot a:before {
content: none
}
.widget_categories ul {
list-style: none;
padding: 0
}
.widget_categories li:not(:last-child) {
margin-bottom: 15px
}
.widget_categories li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.widget_categories a > span {
display: inline-block;
background: #ccc;
padding: 1px 5px;
border-radius: 3px;
margin-left: 5px;
font-size: .8571rem;
color: #fff
}
.widget_categories ul.children {
padding-top: 15px;
padding-left: 20px
}
.widget_nav_menu ul {
list-style: none;
padding: 0
}
.widget_nav_menu li:not(:last-child) {
margin-bottom: 15px
}
.widget_nav_menu li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.inverse-text .widget_nav_menu li > a {
color: rgba(255,255,255,.8)
}
.inverse-text .widget_nav_menu li > a:active, .inverse-text .widget_nav_menu li > a:focus, .inverse-text .widget_nav_menu li > a:hover {
color: #fff
}
.widget_nav_menu .sub-menu {
padding-top: 15px;
padding-left: 20px
}
.widget_nav_menu .sub-menu .sub-menu {
font-size: 100%
}
.widget_meta ul {
list-style: none;
padding: 0
}
.widget_meta li:not(:last-child) {
margin-bottom: 15px
}
.widget_meta li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.inverse-text .widget_meta li > a {
color: rgba(255,255,255,.8)
}
.inverse-text .widget_meta li > a:active, .inverse-text .widget_meta li > a:focus, .inverse-text .widget_meta li > a:hover {
color: #fff
}
.widget_pages ul {
list-style: none;
padding: 0
}
.widget_pages li:not(:last-child) {
margin-bottom: 15px
}
.widget_pages li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.widget_pages ul.children {
padding-top: 15px;
padding-left: 20px
}
.widget_recent_comments #recentcomments {
margin: 0;
padding: 0;
list-style: none
}
.widget_recent_comments .recentcomments {
position: relative;
margin-bottom: 20px
}
.widget_recent_comments .recentcomments:before {
content: '\e0cb';
font-family: mdicon;
margin-right: .2em
}
.widget_recent_comments .recentcomments > a {
display: block;
position: relative;
margin-top: 8px;
padding: 10px 15px;
border: 1px solid rgba(0,0,0,.05);
border-radius: 3px;
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.8);
text-decoration: none !important
}
.widget_recent_comments .comment-author-link {
font-weight: 700
}
.widget_recent_comments .comment-author-link a {
color: inherit;
text-decoration: none !important;
text-transform: uppercase
}
.inverse-text .widget_recent_comments .recentcomments > a {
color: #fff;
border: 1px solid rgba(255,255,255,.1);
background: 0 0
}
.widget_recent_entries ul {
list-style: none;
padding: 0
}
.widget_recent_entries li:not(:last-child) {
margin-bottom: 15px
}
.widget_recent_entries li > a {
display: inline-block;
text-decoration: none;
color: rgba(0,0,0,.8)
}
.widget_rss .rss-widget-icon {
display: none
}
.widget_rss .widget__title a.rsswidget:last-child:before {
content: '\e0e5';
font-family: mdicon;
margin-right: .3em
}
.widget_rss ul {
list-style: none
}
.widget_rss li {
position: relative;
padding: 12px 0;
border-top: 1px solid rgba(0,0,0,.05)
}
.widget_rss li:first-child {
padding-top: 0;
border-top: none
}
.widget_rss a.rsswidget {
font-weight: 700;
color: inherit
}
.widget_rss .rss-date {
display: block;
margin-top: .4em;
font-size: 12px;
font-size: .8571rem;
font-style: italic
}
.widget_rss .rssSummary {
margin: .4em 0
}
.widget_search .search-form__submit {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
padding: 6px 10px;
background: 0 0;
border: none;
outline: 0;
color: rgba(0,0,0,.4)
}
.widget_search .search-form__submit i {
font-size: 20px
}
.tagcloud::after {
clear: both;
content: "";
display: table
}
.tagcloud a {
display: inline-block;
float: left;
padding: 5px 10px;
margin: 0 10px 10px 0;
font-size: 12px;
font-size: .8571rem;
text-decoration: none;
border-radius: 2px;
border: 1px solid rgba(0,0,0,.1);
background: #fafafa;
color: rgba(0,0,0,.44);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.tagcloud a:hover {
background: #fff;
color: rgba(0,0,0,.8);
box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
.tnm-instagram-widget-wrap ul li {
width: 33.33%;
border: 1px solid transparent;
float: left
}
.mnmd-carousel-heading-aside .owl-nav {
display: none
}
.mnmd-carousel-heading-aside .carousel-heading {
height: 100%;
text-align: center;
padding-bottom: 15px
}
@media (min-width:768px) {
.mnmd-carousel-heading-aside .carousel-heading {
text-align: left;
padding-right: 15px
}
}
.mnmd-carousel-heading-aside .carousel-heading--has-bg {
padding: 20px;
background: #0a293b
}
@media (min-width:768px) {
.mnmd-carousel-thumb-overlap .post__text {
min-height: 380px
}
}
.mnmd-carousel-overlap .overlap-background {
bottom: 0
}
@media (max-width:767px) {
.mnmd-carousel-overlap .mnmd-carousel__inner {
margin-top: -30px
}
.mnmd-carousel-overlap .overlap-background {
bottom: 112px
}
}
.mnmd-carousel-overlap .flickity-viewport {
overflow: visible !important
}
.mnmd-carousel-overlap .slide-content {
width: 100%;
visibility: hidden
}
@media (min-width:768px) {
.mnmd-carousel-overlap .slide-content {
margin: 0 -20px;
max-width: 720px
}
}
@media (min-width:992px) {
.mnmd-carousel-overlap .slide-content {
margin: 0 -30px;
max-width: 970px
}
}
.mnmd-carousel-overlap .flickity-enabled .slide-content {
visibility: visible
}
@media (min-width:768px) {
.mnmd-carousel-overlap .slide-content .post--overlay {
-webkit-transform: scale(.8,.8);
-moz-transform: scale(.8,.8);
-ms-transform: scale(.8,.8);
-o-transform: scale(.8,.8);
transform: scale(.8,.8);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
-webkit-transition: all .7s cubic-bezier(.23,1,.32,1);
-moz-transition: all .7s cubic-bezier(.23,1,.32,1);
transition: all .7s cubic-bezier(.23,1,.32,1)
}
}
@media (min-width:768px) {
.mnmd-carousel-overlap .slide-content.is-selected .post--overlay {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
.mnmd-carousel-overlap .post--overlay {
box-shadow: 0 10px 20px 0 rgba(0,0,0,.2)
}
.mnmd-carousel-overlap .post--overlay .post__text {
min-height: 360px
}
@media (min-width:768px) {
.mnmd-carousel-overlap .post--overlay .post__text {
min-height: 480px
}
}
.mnmd-mosaic .row, .mnmd-mosaic.row {
margin-left: -5px;
margin-right: -5px
}
.mnmd-mosaic .row--space-between, .mnmd-mosaic.row--space-between {
margin-top: -5px;
margin-bottom: -5px
}
.mnmd-mosaic [class*=col-] {
padding-left: 5px;
padding-right: 5px
}
.mnmd-mosaic .row--space-between > [class*=col-], .mnmd-mosaic.row--space-between > [class*=col-] {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px
}
.mnmd-mosaic.has-background, .mnmd-mosaic.has-overlap-background {
padding-top: 30px
}
.mnmd-mosaic .mosaic-item {
float: left;
position: relative
}
.full-modular-9, .full-modular-11, .full-modular-19 {
padding: 40px 0 !important
}
@media (min-width:992px) {
.mnmd-mosaic .mosaic-item {
height: 480px
}
}
@media (min-width:992px) {
.mnmd-mosaic .mosaic-item--half {
height: 240px
}
}
@media (max-width:767px) {
.mnmd-mosaic .mosaic-item .post--overlay .post__text {
min-height: 220px
}
}
@media (max-width:991px) {
.mnmd-mosaic .mosaic-item .post--overlay .post__text {
min-height: 220px
}
}
@media (max-width:767px) {
.mnmd-mosaic .mosaic-item:first-child .post--overlay .post__text {
min-height: 320px
}
}
@media (max-width:991px) {
.mnmd-mosaic .mosaic-item:first-child .post--overlay .post__text {
min-height: 320px
}
}
@media (min-width:992px) {
.mnmd-mosaic .mosaic-item .post--overlay, .mnmd-mosaic .mosaic-item .post--overlay .post__text {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
}
.mnmd-mosaic--has-shadow .mosaic-item .post--overlay {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.4)
}
@media (min-width:992px) {
.mnmd-mosaic--gutter-10 .mosaic-item .post--overlay {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px
}
}
@media (min-width:992px) {
.mnmd-mosaic--gutter-20 .mosaic-item .post--overlay {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px
}
}
@media (min-width:992px) {
.mnmd-mosaic--gutter-30 .mosaic-item .post--overlay {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px
}
}
.mnmd-mosaic .mosaic-item .post--overlay .background-img {
box-shadow: inset 0 0 20px 0 rgba(0,0,0,.1)
}
.mnmd-mosaic-block .overlap-background {
bottom: 60px
}
.featured-with-overlap-posts .main-post {
min-height: 420px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end
}
@media (min-width:768px) {
.featured-with-overlap-posts .main-post {
min-height: 520px
}
}
.featured-with-overlap-posts .main-post .background-img:after {
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
opacity: 1;
background-color: transparent
}
.featured-with-overlap-posts .main-post .post__text {
width: 100%
}
.featured-with-overlap-posts .main-post .post__text-inner {
padding: 20px 0 100px
}
.featured-with-overlap-posts .sub-posts {
position: relative;
margin-top: -60px
}
.featured-with-overlap-posts .sub-posts > ul {
padding: 0;
list-style: none
}
.featured-with-overlap-posts .sub-posts > ul > li:nth-child(3) {
clear: both
}
@media (min-width:992px) {
.featured-with-overlap-posts .sub-posts > ul > li:nth-child(3) {
clear: none
}
}
.featured-with-overlap-posts .sub-posts article .post__thumb {
box-shadow: 0 3px 6px rgba(0,0,0,.05),0 3px 6px rgba(0,0,0,.06)
}
.mnmd-featured-block-b {
padding-top: 40px
}
.mnmd-featured-block-b .mnmd-block__background {
bottom: 30px
}
.mnmd-featured-block-a {
position: relative;
overflow: hidden
}
.mnmd-featured-block-a article {
position: relative
}
@media (max-width:767px) {
.mnmd-featured-block-a .main-post-wrap {
position: relative;
margin: -30px -15px 0;
padding: 30px 15px
}
}
.mnmd-featured-block-a .main-post {
position: relative;
padding: 30px 0
}
@media (min-width:768px) {
.mnmd-featured-block-a .main-post {
margin: 40px auto
}
}
@media (min-width:992px) {
.mnmd-featured-block-a .main-post {
margin: 40px auto 60px
}
}
.mnmd-featured-block-a .main-post .video-post .mnmd-post-type-icon {
margin-top: 30px
}
.mnmd-featured-block-a .main-post .post__text {
position: relative;
margin: 0 auto;
text-align: center
}
.mnmd-featured-block-a .main-post .post__excerpt {
max-width: 600px;
margin: 20px auto 0;
font-weight: 300;
color: rgba(255,255,255,.8)
}
@media (min-width:768px) {
.mnmd-featured-block-a .main-post .post__excerpt {
font-size: 16px
}
}
@media (max-width:767px) {
.mnmd-featured-block-a .sub-posts-wrap {
position: relative;
margin: -30px -15px;
padding: 15px;
background: #12162d
}
}
.mnmd-featured-with-list__wrapper {
position: relative;
overflow: hidden
}
.mnmd-featured-with-list .main-post {
overflow: hidden
}
.mnmd-featured-with-list .main-post .post__title {
text-shadow: 0 0 50px rgba(0,0,0,.4)
}
.mnmd-featured-with-list .main-post .post__excerpt, .mnmd-featured-with-list .main-post .post__meta {
text-shadow: 0 0 8px rgba(0,0,0,.2)
}
.mnmd-featured-with-list .sub-posts {
position: relative;
overflow: hidden
}
.mnmd-featured-with-list .sub-posts__inner {
width: 100%;
max-width: 1440px;
margin: 0 auto
}
@media (min-width:992px) {
.mnmd-featured-with-list--vertical-list .mnmd-featured-with-list__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
}
.mnmd-featured-with-list--vertical-list .sub-background, .mnmd-featured-with-list--vertical-list .sub-background .background-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto
}
.mnmd-featured-with-list--vertical-list .main-post {
position: relative;
padding: 50px 30px
}
@media (min-width:992px) {
.mnmd-featured-with-list--vertical-list .main-post {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
position: static;
min-height: 520px;
padding: 80px 40px
}
.mnmd-featured-with-list--vertical-list .main-post:before {
content: '';
position: absolute;
top: 0;
right: 52%;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.7) 0,transparent 100%);
background-image: linear-gradient(90deg,rgba(0,0,0,.7) 0,transparent 100%)
}
}
.mnmd-featured-with-list--vertical-list .mnmd-featured-with-list__heading {
max-width: 1440px;
margin: auto
}
.mnmd-featured-with-list--vertical-list .block-heading {
margin: 40px 40px 0 40px
}
.mnmd-featured-with-list--vertical-list .main-post .block-heading {
margin: 0 0 80px 0
}
.mnmd-featured-with-list--vertical-list .main-post .post__text {
z-index: 1;
max-width: 680px
}
.mnmd-featured-with-list--vertical-list .sub-posts {
padding: 20px;
background-color: #12162d
}
@media (min-width:768px) {
.mnmd-featured-with-list--vertical-list .sub-posts {
padding: 30px
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--vertical-list .sub-posts {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 40%;
padding: 80px 40px;
background: 0 0
}
}
@media (min-width:1200px) {
.mnmd-featured-with-list--vertical-list .sub-posts {
width: 30%
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--vertical-list .sub-posts__inner {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
.mnmd-featured-with-list--vertical-list .sub-posts__inner:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(right,rgba(0,0,0,.6) 0,transparent 100%);
background: linear-gradient(-90deg,rgba(0,0,0,.6) 0,transparent 100%)
}
}
.mnmd-featured-with-list--vertical-list .posts-list {
list-style: none;
margin: -20px 0;
padding: 0
}
.mnmd-featured-with-list--vertical-list .posts-list > li {
position: relative;
padding: 20px 0;
border-bottom-color: rgba(255,255,255,.1)
}
.mnmd-featured-with-list--vertical-list .posts-list article {
position: relative
}
.mnmd-featured-with-list--vertical-list .posts-list article:before {
content: none;
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
background: #fff;
opacity: 0;
-webkit-transform: scale(.5,1);
-moz-transform: scale(.5,1);
-ms-transform: scale(.5,1);
-o-transform: scale(.5,1);
transform: scale(.5,1);
-webkit-transform-origin: center right;
-moz-transform-origin: center right;
-ms-transform-origin: center right;
-o-transform-origin: center right;
transform-origin: center right;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
-moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
@media (min-width:992px) {
.mnmd-featured-with-list--vertical-list .posts-list article:before {
content: ''
}
.mnmd-featured-with-list--vertical-list .posts-list article:hover:before {
opacity: 1;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.mnmd-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title, .mnmd-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title a {
color: rgba(0,0,0,.8);
text-shadow: none
}
.mnmd-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta, .mnmd-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta a {
color: rgba(0,0,0,.4);
text-shadow: none
}
}
.mnmd-featured-with-list--horizontal-list .main-post {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
box-align: flex-end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: flex-end;
min-height: 360px;
position: relative
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .main-post {
position: static
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--horizontal-list .main-post {
min-height: 480px
}
.mnmd-featured-with-list--horizontal-list .main-post:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 160px;
left: 0;
background-color: transparent;
background-image: -webkit-linear-gradient(-450deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(180deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
opacity: .85
}
}
.mnmd-featured-with-list--horizontal-list .main-post__inner {
width: 100%;
margin: 0 auto;
padding: 30px 15px
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .main-post__inner {
padding: 60px 30px
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--horizontal-list .main-post__inner {
padding: 60px 0
}
}
.mnmd-featured-with-list--horizontal-list .main-post .block-heading {
margin-bottom: 80px
}
.mnmd-featured-with-list--horizontal-list .sub-posts {
padding: 20px;
background-color: #12162d
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .sub-posts {
padding: 50px 40px;
background-color: transparent
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--horizontal-list .sub-posts__inner:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,transparent 100%);
background: linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 100%);
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%)
}
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .posts-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
margin-left: -20px;
margin-right: -20px
}
}
.mnmd-featured-with-list--horizontal-list .posts-list li {
position: relative;
border-bottom-color: rgba(255,255,255,.1)
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .posts-list li {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
padding: 0;
border-bottom: none
}
.mnmd-featured-with-list--horizontal-list .posts-list li:not(:first-child) {
border-left: 1px solid rgba(255,255,255,.1)
}
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .posts-list article {
padding: 0 20px
}
.mnmd-featured-with-list--horizontal-list .posts-list article:before {
content: '';
position: absolute;
top: -15px;
right: 0;
bottom: -15px;
left: 0;
background: #fff;
opacity: 0;
-webkit-transform: scale(1,.5);
-moz-transform: scale(1,.5);
-ms-transform: scale(1,.5);
-o-transform: scale(1,.5);
transform: scale(1,.5);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
-moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
.mnmd-featured-with-list--horizontal-list .posts-list article:hover:before {
opacity: 1;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.mnmd-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title, .mnmd-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a {
color: rgba(0,0,0,.8);
text-shadow: none
}
.mnmd-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta, .mnmd-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a {
color: rgba(0,0,0,.4);
text-shadow: none
}
}
@media (min-width:768px) {
.mnmd-featured-with-list--horizontal-list .posts-list article .post__thumb {
display: none
}
}
@media (min-width:992px) {
.mnmd-featured-with-list--horizontal-list .posts-list article .post__thumb {
display: block
}
}
.mnmd-horizontal-list [class^=col-]:not(:last-child) article {
padding-bottom: 30px;
border-bottom: 1px solid rgba(0,0,0,.05)
}
@media (min-width:768px) {
.mnmd-horizontal-list [class^=col-]:not(:last-child) article {
padding-right: 15px;
padding-bottom: 0;
border-right: 1px solid rgba(0,0,0,.05);
border-bottom: none
}
}
.mnmd-horizontal-list .index {
font-size: 40px;
font-size: 2.8571rem;
font-weight: 700;
color: rgba(0,0,0,.4)
}
.mnmd-horizontal-list.has-background {
background: #fafafa
}
.mnmd-posts-listing-a__cat-wrap {
position: relative
}
.mnmd-posts-listing-a__cat-inner {
padding: 20px
}
@media (min-width:768px) {
.mnmd-posts-listing-a__cat-inner {
padding: 30px
}
.mnmd-posts-listing-a__cat-inner ul {
min-height: 320px
}
}
.mnmd-posts-listing-a .cat-title {
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase
}
.mnmd-news-ticker__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
background-color: #f5f5f5;
border: 1px solid rgba(0,0,0,.05);
padding: .5rem
}
@media (min-width:768px) {
.mnmd-news-ticker__inner {
padding: 1rem
}
}
.mnmd-news-ticker--fw .mnmd-news-ticker__inner {
padding-left: 0;
padding-right: 0;
border: none
}
.mnmd-news-ticker--fw {
background-color: #f5f5f5;
border: 1px solid rgba(0,0,0,.05)
}
.mnmd-news-ticker__heading {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 20px;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -.08em
}
.mnmd-news-ticker__content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
overflow: hidden
}
.mnmd-news-ticker__content > ul {
max-width: 100%;
margin: 0
}
.mnmd-news-ticker__content > ul li {
display: block
}
.mnmd-news-ticker__content:not(.initialized) > ul > li:not(:first-child) {
display: none
}
.mnmd-news-ticker__content .post {
padding: 5px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.mnmd-news-ticker__content .post__cat {
display: inline;
margin-right: 1em
}
.mnmd-news-ticker__content .post__title {
display: inline;
margin: 0;
vertical-align: middle
}
.mnmd-news-ticker__control {
margin-left: 10px;
white-space: nowrap
}
.mnmd-news-ticker__next, .mnmd-news-ticker__prev {
width: 34px;
height: 34px;
padding: 0;
border: none;
line-height: 34px;
text-align: center
}
.mnmd-news-ticker__next i, .mnmd-news-ticker__prev i {
font-size: 20px
}
.mnmd-news-ticker__prev {
margin-right: 2px
}
.mnmd-carousel-gallery-posts .mnmd-carousel__inner {
position: relative
}
.mnmd-carousel-gallery-posts__thumbs {
position: relative;
padding: 10px;
background-color: #000
}
.mnmd-carousel-gallery-posts__thumbs:after {
content: '';
height: 20px;
position: absolute;
top: -20px;
right: 0;
bottom: auto;
left: 0;
background-image: -webkit-linear-gradient(-270deg,#000 0,transparent 100%);
background-image: linear-gradient(0deg,#000 0,transparent 100%)
}
.mnmd-carousel-gallery-posts__thumbs .slide-content {
width: 70px;
height: auto;
margin: 0 5px
}
@media (min-width:768px) {
.mnmd-carousel-gallery-posts__thumbs .slide-content {
width: 120px
}
}
.mnmd-video-box__inner {
background: #2B2D32
}
@media (min-width:992px) {
.mnmd-video-box__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
}
.mnmd-video-box__player {
padding: 20px 20px 0
}
@media (min-width:992px) {
.mnmd-video-box__player {
width: 70%
}
}
.mnmd-video-box--fullwidth-bg .mnmd-video-box__player {
padding: 0 20px 0 0
}
.mnmd-video-box__player .mnmd-responsive-video {
cursor: pointer;
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04)
}
.mnmd-video-player__info {
position: relative;
padding: 20px;
color: #fff
}
.mnmd-video-player__info a {
color: #fff
}
.mnmd-video-player__info .post__meta {
color: rgba(255,255,255,.6)
}
.mnmd-video-player__play-icon {
font-size: 80px;
color: rgba(255,255,255,.8)
}
@media (min-width:768px) {
.mnmd-video-player__play-icon {
font-size: 120px
}
}
.mnmd-video-box__playlist {
height: 320px;
position: relative;
overflow: hidden;
background: rgba(0,0,0,.3);
border-radius: 3px;
box-shadow: inset 0 13px 8px -6px rgba(0,0,0,.2),inset 0 -13px 8px -6px rgba(0,0,0,.2)
}
@media (min-width:992px) {
.mnmd-video-box__playlist {
height: auto;
width: 30%
}
}
@media (min-width:992px) {
.mnmd-video-box__playlist ul {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0
}
}
.mnmd-video-box__playlist li {
cursor: pointer;
padding: 10px 20px
}
.mnmd-video-box__playlist li:hover {
background: rgba(0,0,0,.2)
}
.mnmd-video-box__playlist li.is-playing {
background: rgba(0,0,0,.5)
}
.mnmd-video-box__playlist .post__thumb img {
width: 100%;
height: auto
}
.mnmd-video-box__playlist .is-playing .post__thumb:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.6)
}
.mnmd-video-box__playlist .is-playing .post__thumb:after {
font-size: 12px;
color: rgba(255,255,255,.9);
text-transform: uppercase
}
.mnmd-video-box__playlist .post__meta {
margin-top: 0
}
@media (min-width:992px) {
.mnmd-video-box--overlap {
padding-top: 30px
}
}
.mnmd-video-box--overlap .mnmd-video-player__info {
padding: 20px
}
.mnmd-video-box--overlap .mnmd-video-box__inner {
background: #2B2D32
}
@media (min-width:992px) {
.mnmd-video-box--overlap .mnmd-video-box__player {
margin-top: -30px;
padding-top: 0;
padding-left: 30px;
padding-right: 30px
}
}
.mnmd-video-box--overlap .mnmd-responsive-video {
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04)
}
.mnmd-video-box--overlap .mnmd-video-box__playlist {
background: rgba(0,0,0,.2);
box-shadow: inset 0 13px 8px -6px rgba(0,0,0,.2),inset 0 -13px 8px -6px rgba(0,0,0,.2)
}
@media (min-width:992px) {
.mnmd-video-box--overlap .mnmd-video-box__playlist {
box-shadow: inset 0 13px 8px -6px rgba(0,0,0,.2),inset 0 -13px 8px -6px rgba(0,0,0,.2),inset 13px 0 10px -6px rgba(0,0,0,.3)
}
}
.page-404-logo {
margin-bottom: 60px
}
.page-404-image {
margin-bottom: 30px
}
.page-404-search {
max-width: 400px;
margin: auto
}
.page-heading {
position: relative
}
.mnmd-block .page-heading {
margin-bottom: 30px
}
.page-heading__title {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) {
.page-heading__title {
font-size: 1.8rem
}
}
.page-heading__subtitle {
max-width: 40em;
color: rgba(0,0,0,.4);
font-size: 1rem
}
.page-heading__subtitle p {
padding-top: 10px;
margin: 0
}
.page-heading--inverse .page-heading__title {
position: relative;
color: #fff
}
.page-heading--inverse .page-heading__subtitle {
position: relative;
color: rgba(255,255,255,.8)
}
.page-heading--center {
text-align: center
}
.page-heading--center .page-heading__subtitle, .page-heading--center .page-heading__title {
margin-left: auto;
margin-right: auto
}
.page-heading--has-background {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
box-shadow: 0 0 0 1px rgba(0,0,0,.05)
}
@media (min-width:768px) {
.page-heading--has-background {
padding-top: 40px;
padding-bottom: 40px
}
}
.page-coming-soon .site-wrapper {
position: relative
}
.page-coming-soon .page-content {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 100vh;
position: relative;
padding: 50px 0
}
.page-coming-soon .site-logo {
margin-bottom: 60px;
text-align: center
}
.page-coming-soon .social-list {
font-size: 24px
}
.page-coming-soon .mnmd-countdown {
margin: 60px auto;
text-align: center
}
.page-coming-soon .countdown__section {
display: inline-block;
min-width: 60px;
margin: 0 10px;
text-align: center
}
@media (min-width:768px) {
.page-coming-soon .countdown__section {
min-width: 80px;
margin: 0 20px
}
}
@media (min-width:992px) {
.page-coming-soon .countdown__section {
min-width: 100px;
margin: 0 30px
}
}
.single-entry-section {
margin-top: 40px
}
@media (min-width:1200px) {
.single-entry-section {
margin-top: 60px
}
}
.single-header-wrap {
margin-bottom: 20px
}
@media (min-width:992px) {
.single-header-wrap {
margin-bottom: 30px
}
}
.single-header {
margin: 20px 0
}
.single-header .entry-meta {
font-size: 14px
}
.single-header:first-child {
margin-top: 0
}
.single-header__content {
position: relative
}
.single-header .entry-title {
max-width: 970px;
font-size: 22px;
font-weight: 700;
line-height: 1.5
}
@media (min-width:768px) {
.single-header .entry-title {
font-size: 2.986rem;
line-height: 1.2
}
}
@media (min-width:992px) {
.single-header .entry-title {
font-size: 24px;
line-height: 1.2
}
}
@media (min-width:992px) {
.single-header .entry-title--lg {
font-size: 32px;
font-weight: 700
}
}
.single-header--center .entry-title {
margin-left: auto;
margin-right: auto
}
.single-content .entry-content > :first-child, .single-content > :first-child, .single-header .post__header-inner > :first-child, .single-header > :first-child {
margin-top: 0
}
.single-header .post__header-inner > :last-child, .single-header > :last-child {
margin-bottom: 0
}
.single-header .post__header-inner {
max-width: 940px
}
.entry-teaser {
margin: 1em 0;
font-size: 18px;
font-size: 1.28571rem;
font-style: italic;
line-height: 1.5;
color: rgba(0,0,0,.4)
}
@media (min-width:768px) {
.entry-teaser {
font-size: 18px;
line-height: 1.4
}
}
.inverse-text .entry-teaser {
color: rgba(255,255,255,.8)
}
@media (min-width:768px) {
.entry-teaser--lg {
font-size: 18px;
font-size: 1.2857rem
}
}
.single-header .entry-teaser {
max-width: 40em
}
.single-header--center .entry-teaser {
margin-left: auto;
margin-right: auto
}
.single-header--center {
text-align: center
}
.entry-interaction {
margin: 15px 0
}
.entry-interaction:first-child {
margin-top: 0
}
.entry-interaction:last-child {
margin-bottom: 0
}
.entry-interaction--border-top {
padding-top: 10px;
border-top: 1px solid rgba(0,0,0,.05)
}
.entry-interaction--horizontal {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.entry-interaction--horizontal > div {
margin-top: 5px;
margin-bottom: 5px
}
.entry-interaction__left:not(:last-child) {
margin-right: 15px
}
.single-entry-featured-media, .single-entry-thumb {
margin-bottom: 15px;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
@media (max-width:767px) {
.single-entry-featured-media, .single-entry-thumb {
margin-left: -15px;
margin-right: -15px
}
}
.single-entry-featured-media:last-child, .single-entry-thumb:last-child {
margin-bottom: 0
}
.page.post--single .single-entry-thumb {
margin-bottom: 60px
}
.single-entry-featured-media-wrap {
margin-bottom: 20px
}
@media (min-width:992px) {
.single-entry-featured-media-wrap {
margin-bottom: 30px
}
}
.entry-content::after, .single-content::after {
clear: both;
content: "";
display: table
}
.post-sharing > ul {
display: inline-block;
margin: -4px -2px;
padding: 0;
line-height: 0;
list-style: none;
vertical-align: middle
}
.post-sharing > ul > li {
display: inline-block;
margin: 4px 2px;
line-height: 0
}
.post-sharing--simple .sharing-btn {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 2px;
color: #fff;
text-decoration: none;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
@media (min-width:768px) {
.post-sharing--simple .sharing-btn {
height: 34px;
width: 34px
}
}
.post-sharing--simple .sharing-btn i {
font-size: 12px;
font-size: .8571rem
}
@media (min-width:768px) {
.post-sharing--simple .sharing-btn i {
font-size: 14px;
font-size: 1rem
}
}
.post-sharing--simple .sharing-btn > * {
line-height: 30px
}
@media (min-width:768px) {
.post-sharing--simple .sharing-btn > * {
line-height: 34px
}
}
@media (min-width:768px) {
.post-sharing--simple .sharing-btn-primary {
width: auto;
padding: 0 15px
}
}
@media (min-width:768px) {
.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
display: inline-block;
margin-left: .4em
}
}
.entry-action-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 30px;
min-width: 60px;
padding: 0 10px;
border-radius: 2px;
background: #FC3C2D;
color: #fff !important;
font-size: 12px;
text-align: center;
box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
.entry-action-btn:active, .entry-action-btn:focus, .entry-action-btn:hover {
color: inherit;
text-decoration: none
}
@media (min-width:768px) {
.entry-action-btn {
height: 34px;
min-width: 80px;
padding: 0 14px;
font-size: 14px
}
}
.entry-action-btn:not(:first-child) {
margin-left: 5px
}
.entry-action-btn i {
margin-right: .4em;
font-size: 1.2em
}
.entry-action-btn span {
vertical-align: middle
}
.entry-action-btn > * {
line-height: 30px
}
@media (min-width:768px) {
.entry-action-btn > * {
line-height: 34px
}
}
.post--single-center .entry-teaser, .post--single-center .post__header-inner, .post--single-center .single-header {
margin-left: auto;
margin-right: auto;
text-align: center
}
@media (max-width:767px) {
.single-entry--template-2 .post--single.has-post-thumbnail .single-entry-thumb {
margin-top: -20px
}
}
.single-entry--template-2-alt .single-billboard .background-img:after {
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
opacity: 1
}
.single-billboard {
min-height: 480px;
position: relative;
margin-bottom: 20px;
margin-top: -20px;
overflow: hidden
}
.single-billboard > img {
min-height: 480px;
object-fit: cover
}
@media (min-width:768px) {
.single-billboard {
min-height: 580px
}
.single-billboard > img {
min-height: 580px;
object-fit: cover
}
}
@media (min-width:992px) {
.single-billboard {
min-height: 680px;
margin-bottom: 30px
}
.single-billboard > img {
min-height: 680px;
object-fit: cover
}
}
.single-billboard--sm {
min-height: 280px
}
@media (min-width:768px) {
.single-billboard--sm {
min-height: 380px
}
}
@media (min-width:992px) {
.single-billboard--sm {
min-height: 480px
}
}
.single-billboard .single-billboard__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
min-height: 480px
}
@media (min-width:768px) {
.single-billboard .single-billboard__inner {
min-height: 580px
}
}
@media (min-width:992px) {
.single-billboard .single-billboard__inner {
min-height: 680px
}
}
.single-billboard .single-header {
width: 100%;
margin: 0;
padding: 20px 0
}
@media (min-width:768px) {
.single-billboard .single-header {
padding: 30px 0
}
}
.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px
}
.single-entry--billboard-floorfade .single-billboard .single-header {
position: relative
}
.single-entry--billboard-floorfade .single-billboard .single-header:before {
content: '';
position: absolute;
top: -100%;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(-270deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
.single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg {
margin-bottom: 20px;
padding-top: 20px;
background-color: #12162d
}
@media (min-width:768px) {
.single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg {
padding-top: 40px
}
}
@media (min-width:992px) {
.single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg {
margin-bottom: 30px
}
}
.single-entry--template-4-alt .single-header-with-bg {
box-shadow: 0 -1px 0 rgba(0,0,0,.05) inset;
background-color: #fafafa
}
.single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header {
position: relative;
margin-bottom: 70px
}
@media (min-width:992px) {
.single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header {
margin-bottom: 90px
}
}
.single-entry--template-4-alt.has-no-thumb .single-header, .single-entry--template-4.has-no-thumb .single-header {
margin-bottom: 20px
}
@media (min-width:768px) {
.single-entry--template-4-alt.has-no-thumb .single-header, .single-entry--template-4.has-no-thumb .single-header {
margin-bottom: 40px
}
}
.single-entry--template-4 .single-entry-featured-media, .single-entry--template-4 .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb {
position: relative;
margin-top: -70px;
margin-left: 0;
margin-right: 0
}
@media (min-width:992px) {
.single-entry--template-4 .single-entry-featured-media, .single-entry--template-4 .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb {
margin-top: -90px
}
}
.single-entry--template-4-alt.single-entry--no-sidebar .single-entry-featured-media, .single-entry--template-4-alt.single-entry--no-sidebar .single-entry-thumb, .single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media, .single-entry--template-4.single-entry--no-sidebar .single-entry-thumb {
margin-bottom: 15px
}
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px
}
.single-entry--billboard-blur .single-header {
padding-bottom: 0
}
.single-entry--billboard-blur .single-header__inner {
position: relative;
padding: 20px;
background: rgba(0,0,0,.5);
overflow: hidden
}
@media (min-width:768px) {
.single-entry--billboard-blur .single-header__inner {
padding: 30px 40px
}
}
.single-entry--billboard-blur .single-billboard .background-img {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.single-entry--billboard-overlap-title-aside.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px
}
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 300px
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
min-height: 420px
}
}
@media (min-width:992px) {
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
min-height: 520px
}
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title-aside .single-billboard .background-img {
left: 40%
}
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title-aside .single-header__inner {
max-width: 70%
}
}
@media (min-width:992px) {
.single-entry--billboard-overlap-title-aside .single-header__inner {
max-width: 50%
}
}
.single-entry--billboard-overlap-title-aside .single-header .entry-teaser, .single-entry--billboard-overlap-title-aside .single-header .entry-title {
text-shadow: 0 0 5px rgba(0,0,0,.3)
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title-aside .single-header .entry-meta, .single-entry--billboard-overlap-title-aside .single-header .entry-teaser {
max-width: 70%
}
}
.post--single-cover-gradient .single-header {
background-image: -webkit-linear-gradient(bottom,#fc3c2d 0,rgba(252,60,45,.7) 50%,rgba(252,60,45,0) 100%);
background-image: linear-gradient(to top,#fc3c2d 0,rgba(252,60,45,.7) 50%,rgba(252,60,45,0) 100%)
}
.post--single-cover-small .post--single__cover--small {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)
}
@media (min-width:768px) {
.post--single-cover-small .post--single__cover--small {
margin-left: 0;
margin-right: 0
}
}
.post--single-cover-small .post__header-inner {
padding: 30px
}
@media (min-width:1200px) {
.post--single-cover-small .post__header-inner {
padding: 30px 40px
}
}
.single-entry--billboard-overlap-title .single-billboard {
height: 320px
}
@media (min-width:992px) {
.single-entry--billboard-overlap-title .single-billboard {
height: 420px
}
}
.single-entry--billboard-overlap-title .single-header {
position: relative;
background: #fff
}
.single-entry--billboard-overlap-title .single-header:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title .single-header:before {
height: 150px
}
}
.single-entry--billboard-overlap-title .single-header--has-background {
margin-bottom: 10px
}
.single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
margin-top: -80px
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
margin-top: -110px
}
}
.single-entry--billboard-overlap-title .single-header__inner {
position: relative;
padding: 20px 20px 0;
background: #fff
}
@media (min-width:768px) {
.single-entry--billboard-overlap-title .single-header__inner {
padding: 20px 40px 0
}
}
.single-entry--billboard-overlap-title .single-header--has-background .single-header__inner {
padding-bottom: 20px
}
.single-entry--billboard-overlap-title .single-header--fullwidth {
margin-bottom: 40px
}
.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-background {
background-color: #12162d
}
.single-entry--billboard-overlap-title .single-header--svg-bg:before {
content: none
}
.single-entry--billboard-overlap-title .single-header--svg-bg .single-header__inner {
background: 0 0
}
.single-billboard--video {
min-height: auto;
padding: 20px 0;
background-color: #111
}
@media (min-width:768px) {
.single-billboard--video {
padding: 40px 0
}
}
.single-billboard--video .single-billboard__background {
opacity: .4
}
.post--single .single-body {
margin: 2em auto;
color: rgba(0,0,0,.7);
font-size: 16px;
font-size: 1.14286rem;
line-height: 1.6
}
@media (min-width:768px) {
.post--single .single-body {
font-size: 17px;
font-size: 1.21429rem
}
}
.post--single .single-body .mnmd-post-format-media {
margin-bottom: 2em
}
.single-content > .single-body:first-child {
margin-top: 0
}
.single-body p {
margin-bottom: 1.6em
}
.single-body .mnmd-gallery-wrap {
margin-top: 2em;
margin-bottom: 2em
}
.single-body .mnmd-post-media-wide {
max-width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px
}
.single-body .mnmd-post-media-wide > a {
display: block
}
@media (min-width:768px) {
.single-body .mnmd-post-media-wide {
max-width: 100%;
margin-left: 0;
margin-right: 0
}
}
@media (min-width:1200px) {
.single-body .mnmd-post-media-wide {
max-width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px
}
}
.single-body .mnmd-post-media-wide .wp-caption-text {
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.single-body .mnmd-post-media-wide .wp-caption-text {
padding-left: 0;
padding-right: 0
}
}
@media (min-width:992px) {
.single-body--wide {
padding-left: 80px;
padding-right: 80px
}
}
@media (min-width:992px) {
.single-body--wide .mnmd-post-media-wide {
max-width: calc(100% + 160px);
margin-left: -80px;
margin-right: -80px
}
}
@media (min-width:1200px) {
.single-body .mnmd-pagination {
margin-left: -60px;
margin-right: -60px
}
}
@media (min-width:992px) {
.single-body--wide .mnmd-pagination {
margin-left: -80px;
margin-right: -80px
}
}
.alignleft {
float: left;
margin: .8em 1.6em 1.6em 0
}
@media (min-width:1200px) {
.post.post--single .alignleft {
margin-left: -60px
}
}
@media (min-width:992px) {
.post.post--single .single-body--wide .alignleft {
margin-left: -80px
}
}
.alignright {
float: right;
margin: .8em 0 1.6em 1.6em
}
@media (min-width:1200px) {
.post.post--single .alignright {
margin-right: -60px
}
}
@media (min-width:992px) {
.post.post--single .single-body--wide .alignright {
margin-right: -80px
}
}
.aligncenter {
clear: both;
display: block;
margin: .8em auto
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.6em;
text-align: inherit
}
.wp-caption .wp-caption-text, .wp-caption-dd {
padding-top: .8em;
padding-bottom: .8em;
border-bottom: 1px solid rgba(0,0,0,.05);
color: rgba(0,0,0,.4);
font-size: 11px;
font-size: .8em
}
.wp-caption.alignleft {
margin: .8em 1.6em 1.6em 0;
text-align: left
}
@media (min-width:1200px) {
.post.post--single .wp-caption.alignleft {
margin-left: -60px
}
}
@media (min-width:992px) {
.post.post--single .single-body--wide .wp-caption.alignleft {
margin-left: -80px
}
}
.wp-caption.alignright {
margin: .8em 0 1.6em 1.6em;
text-align: right
}
@media (min-width:1200px) {
.post.post--single .wp-caption.alignright {
margin-right: -60px
}
}
@media (min-width:992px) {
.post.post--single .single-body--wide .wp-caption.alignright {
margin-right: -80px
}
}
.wp-caption.aligncenter {
margin: .8em auto;
text-align: center
}
[class*=gallery-columns-] {
margin: 0 -1.79104477%
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
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 .gallery-caption {
color: rgba(0,0,0,.44);
display: block;
font-size: 13px;
line-height: 1.5;
padding: 7px 0
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none
}
.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
clip-path: polygon(0 0,0 0,0 0,0 0)
}
.entry-info {
margin: 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.entry-info::after {
clear: both;
content: "";
display: table
}
.entry-categories__icon, .entry-tags__icon {
margin-right: .2em;
color: rgba(0,0,0,.4);
font-size: 18px
}
.entry-categories__icon i, .entry-tags__icon i {
font-size: 18px !important;
vertical-align: middle
}
.entry-categories ul, .entry-tags ul {
display: inline-block;
margin: -4px;
padding: 0;
vertical-align: middle;
list-style: none
}
.entry-categories ul > li, .entry-tags ul > li {
display: inline-block;
margin: 4px;
line-height: 1
}
.entry-tags ul > li > a {
text-decoration: none;
color: rgba(0,0,0,.6);
font-size: 14px
}
.entry-tags ul > li > a:hover {
color: rgba(0,0,0,.8)
}
.entry-tags ul > li:not(.entry-tags__icon) > a:before {
content: '#';
margin-right: 2px
}
.mnmd-review {
padding-top: 25px;
margin-bottom: 30px;
font-size: 16px;
font-size: 1.1429rem
}
@media (min-width:1200px) {
.single-body .mnmd-review:not(.mnmd-review--aside) {
margin-left: -60px;
margin-right: -60px
}
}
@media (min-width:1200px) {
.single-body--wide .mnmd-review:not(.mnmd-review--aside) {
margin-left: -80px;
margin-right: -80px
}
}
.mnmd-review__inner {
padding: 20px;
border-radius: 3px;
background: #fafafa
}
@media (min-width:768px) {
.mnmd-review__inner {
padding: 30px
}
}
.mnmd-review__inner > :not(:last-child) {
margin-bottom: 20px
}
@media (min-width:768px) {
.mnmd-review__top {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
}
.mnmd-review__product {
width: 100%;
margin-right: 15px;
margin-bottom: 15px
}
.mnmd-review__product-image {
width: 60px
}
@media (min-width:768px) {
.mnmd-review__product-image {
width: 70px
}
}
.mnmd-review .mnmd-review__product-name {
margin-top: 0;
margin-bottom: 0
}
.mnmd-review__product-byline {
color: rgba(0,0,0,.4)
}
.mnmd-review__overall-score {
text-align: center
}
@media (min-width:768px) {
.mnmd-review__overall-score {
margin-top: -40px
}
}
@media (min-width:1200px) {
.mnmd-review__overall-score {
margin-top: -50px
}
}
.mnmd-review__summary p:last-child {
margin-bottom: 0
}
.mnmd-review .mnmd-review__list-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
text-transform: uppercase
}
.mnmd-review__cons ul, .mnmd-review__pros ul {
margin: 0;
padding: 0;
list-style: none
}
.mnmd-review__cons ul li:not(:first-child), .mnmd-review__pros ul li:not(:first-child) {
margin-top: .5em
}
.mnmd-review__cons ul i, .mnmd-review__pros ul i {
margin-right: .4em
}
.mnmd-review__pros ul i {
color: #59d66f
}
.mnmd-review__cons ul i {
color: #fa3f40
}
.mnmd-review--aside {
width: 100%;
padding-top: 30px
}
@media (min-width:768px) {
.mnmd-review--aside {
width: 300px
}
}
.mnmd-review--aside .mnmd-review__inner {
padding: 20px;
font-size: .9em
}
.mnmd-review--aside .mnmd-review__overall-score {
margin-top: -45px
}
.mnmd-review--aside .mnmd-review__product-image {
width: 50px
}
.author-box {
position: relative;
padding: 30px;
background: #fafafa;
border: 1px solid rgba(0,0,0,.05)
}
.author-box .author-avatar {
height: 100px;
width: 100px;
margin: 20px auto 20px;
border-radius: 100%;
border: 4px solid #fff;
box-shadow: 0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.04)
}
@media (min-width:768px) {
.author-box .author-avatar {
margin: 0;
position: absolute;
top: 50%;
right: auto;
bottom: auto;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
}
.author-box .author-avatar img {
height: 100%;
width: 100%;
border-radius: 100%;
transition: all 500ms
}
.author-box .author-avatar img:hover {
cursor: pointer;
transform: rotate(360deg)
}
.author-box__text {
text-align: center
}
@media (min-width:768px) {
.author-box__text {
padding-left: 130px;
text-align: left
}
}
.author-box .author-name span {
color: rgba(0,0,0,.4)
}
.author-box .author-name a {
color: rgba(0,0,0,.8);
color: #FC3C2D;
font-size: 110%;
font-weight: 700;
text-transform: uppercase
}
.author-box .author-bio {
margin: 15px 0;
color: rgba(0,0,0,.6);
font-size: 16px
}
.author-box .author-info {
color: rgba(0,0,0,.6);
text-align: center
}
@media (min-width:768px) {
.author-box .author-info {
text-align: left
}
}
.author-box .author-bio a, .author-box .author-info a {
color: rgba(0,0,0,.6)
}
.author-box .author-bio a:active, .author-box .author-bio a:focus, .author-box .author-bio a:hover, .author-box .author-info a:active, .author-box .author-info a:focus, .author-box .author-info a:hover {
color: rgba(0,0,0,.8)
}
.author-box .author-socials ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.author-box .author-socials a {
display: inline-block;
font-size: 1.4rem;
white-space: nowrap;
text-decoration: none
}
.author-box .author-socials a .iconfont {
font-size: 1.4rem !important;
}
.author-box .author-socials a .iconfont.icon-youxiang, .author-box .author-socials a .iconfont.icon-weibo {
font-size: 1.6rem !important;
}
@media (min-width:768px) {
.author-box .author-all-posts {
text-align: right
}
}
.author-box .author-all-posts__link {
border-bottom: 1px solid rgba(0,0,0,.1);
text-decoration: none
}
.posts-navigation {
padding-bottom: 20px
}
.posts-navigation .post--overlay .post__text {
min-height: 200px
}
.posts-navigation .post--overlay .post__text-wrap {
padding-bottom: 15px
}
.posts-navigation__next, .posts-navigation__prev {
position: relative
}
@media (min-width:768px) {
.posts-navigation__next, .posts-navigation__prev {
width: 50%;
float: left
}
}
@media (min-width:768px) {
.posts-navigation__prev {
padding-right: 10px
}
}
.posts-navigation__prev:not(:only-child) {
margin-bottom: 35px
}
@media (min-width:768px) {
.posts-navigation__prev:not(:only-child) {
margin-bottom: 0
}
}
.posts-navigation__prev i {
margin-right: .4em
}
.posts-navigation__next {
text-align: right
}
@media (min-width:768px) {
.posts-navigation__next {
padding-left: 10px
}
}
.posts-navigation__next i {
margin-left: .4em
}
.posts-navigation__label {
position: relative;
padding: 10px 15px;
color: #fff !important
}
.comments-title {
margin: 0 0 2em 0;
padding-top: 20px;
border-top: 2px solid rgba(0,0,0,.05);
color: rgba(0,0,0,.8);
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: .08em;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) {
.comments-title {
font-size: 1.3rem
}
}
.comments-title:before {
content: "\e654";
margin-right: .4em;
font-weight: 400;
color: rgba(0,0,0,.4);
font-size: 1.2em;
vertical-align: middle;
font-family: iconfont !important
}
.comments-title__text {
margin: 0;
font-weight: 700;
text-transform: uppercase
}
.comments-title .add-comment {
padding-left: .6em;
color: rgba(0,0,0,.8);
font-size: 90%;
text-transform: uppercase
}
.comment-list {
margin-bottom: 30px;
list-style: none
}
.comment-list > li:not(:first-child) {
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,.05)
}
.comment-list ol.children {
position: relative;
padding: 0 0 0 30px;
list-style: none
}
#comment-nav-bottom .nav-previous, #comment-nav-bottom .nav-next {
display: inline-block;
}
@media (min-width:768px) {
.comment-list ol.children {
padding-left: 65px
}
}
.comment-list ol.children ol.children {
padding-left: 0
}
@media (min-width:768px) {
.comment-list ol.children ol.children {
padding-left: 50px
}
}
.comment-list ol.children > li {
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,.05)
}
.comment-body {
margin-left: 65px;
margin-bottom: 20px
}
.pingback .comment-body {
margin-left: 0
}
.comment-meta {
margin-bottom: 5px
}
.comment-meta > :not(:last-child) {
margin-right: 4px
}
.comment-author {
position: relative;
font-size: 1.1429rem;
font-weight: 700
}
@media (min-width:768px) {
.comment-author {
display: inline-block
}
}
.comment-author > img {
height: 50px;
width: 50px;
position: absolute;
top: 0;
left: -65px;
border-radius: 4px;
max-width: none;
}
.bypostauthor > .comment-body .comment-author > img {
border: 2px solid #FC3C2D
}
.comment-author a {
color: inherit;
text-decoration: none
}
.comment-author a:active, .comment-author a:focus, .comment-author a:hover {
color: inherit;
text-decoration: none
}
.comment-author .says {
display: none
}
.children .comment-author > img {
height: 36px;
width: 36px;
left: -51px
}
.children .comment-body {
margin-left: 51px
}
.comment-metadata {
font-size: 12px;
font-size: .85714rem;
color: rgba(0,0,0,.4)
}
@media (min-width:768px) {
.comment-metadata {
display: inline-block
}
.comment-metadata:before {
content: '\b7';
margin-right: 4px;
font-weight: 400
}
}
.comment-metadata > :not(:last-child) {
margin-right: 4px
}
.comment-metadata a, .comment-metadata a:active, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a:visited {
color: rgba(0,0,0,.4);
text-decoration: none
}
.comment-metadata .edit-link {
text-transform: uppercase
}
.comment-metadata .comment-edit-link {
color: rgba(0,0,0,.8);
font-weight: 700
}
.comment-metadata .comment-edit-link:before {
content: "\e615";
margin-right: .2em;
font-family: "iconfont" !important;
font-weight: 400;
color: rgba(0,0,0,.4);
font-size: 14px
}
.comment-content {
margin-bottom: 10px;
font-size: 16px;
font-size: 1.14286rem;
line-height: 1.6
}
.comment-content > :last-child {
margin-bottom: 0
}
.comment-content .info {
padding: 15px;
background: #eee;
font-style: italic
}
.comment-content .info p:last-child {
margin-bottom: 0
}
.comment-reply-link {
text-decoration: none;
color: rgba(0,0,0,.4);
font-size: 12px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase
}
.comment-reply-link:active, .comment-reply-link:focus, .comment-reply-link:hover {
color: inherit;
text-decoration: none
}
.comment-reply-link:hover {
color: #FC3C2D
}
a:hover.comment-reply-link:before {
color: #FC3C2D
}
.comment-reply-link:before {
content: "\e612";
margin-right: .3em;
font-weight: 400;
color: rgba(0,0,0,.4);
font-size: 12px;
font-family: iconfont !important
}
.comment-respond {
margin: 20px 0
}
@media (min-width:768px) {
.comment-respond {
margin: 40px 0 20px
}
}
@media (min-width:768px) {
.comment-list .comment-respond {
padding: 0 0 0 65px
}
}
@media (min-width:768px) {
.comment-list .children .comment-respond {
padding-left: 51px
}
}
.comment-reply-title {
margin-top: 0;
margin-bottom: 1em;
color: rgba(0,0,0,.8);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) {
.comment-reply-title {
font-size: 1.142857142857143rem
}
}
.comment-reply-title small {
font-size: 80%
}
#cancel-comment-reply-link {
color: inherit;
text-decoration: none;
display: inline-block;
margin-left: .4em;
border-bottom: 1px solid rgba(0,0,0,.05);
line-height: 1.2
}
#cancel-comment-reply-link:active, #cancel-comment-reply-link:focus, #cancel-comment-reply-link:hover {
color: inherit;
text-decoration: none
}
.comment-form .logged-in-as a {
color: inherit;
text-decoration: underline
}
.comment-form .logged-in-as a:active, .comment-form .logged-in-as a:focus, .comment-form .logged-in-as a:hover {
color: inherit;
text-decoration: underline
}
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form input[type=password], .comment-form input[type=search], .comment-form input[type=tel], .comment-form input[type=number], .comment-form textarea {
display: block
}
.comment-form-comment textarea {
max-width: 790px;
font-size: 16px;
font-size: 1.14286rem;
line-height: 1.6
}
.comment-form-author, .comment-form-email, .comment-form-url {
max-width: 320px;
display: inline-block;
margin-right: 20px;
}
.comment-form-url {
margin-right: 0
}
.comment-form .form-submit {
clear: both;
display: inline-block;
padding-top: 15px;
margin-bottom: 0
}
.logged-in .comment-form .form-submit {
float: none
}
.comment-form .form-submit input[type=submit] {
background: #FC3C2D;
color: #fff
}
.comment-form .form-submit input[type=submit]:active, .comment-form .form-submit input[type=submit]:focus, .comment-form .form-submit input[type=submit]:hover {
background: #ef392b;
color: #fff
}
.site-header--skin-1 .navigation-bar {
background: #E90606
}
.site-header.site-header--skin-1 .navigation--main > li > a:before {
background: #fff !important
}
.site-header--skin-2 .mobile-header, .site-header--skin-2 .navigation-bar {
background: #ee0979;
background: -webkit-linear-gradient(-495deg,#ee0979 0,#ff6a00 100%);
background: linear-gradient(225deg,#ee0979 0,#ff6a00 100%)
}
.site-header--skin-2 .navigation-wrapper {
text-align: right
}
.site-header--skin-3:not(.sticky-header) .navigation-bar {
box-shadow: 0 -1px 0 rgba(255,255,255,.1)
}
.site-header--skin-4, .site-header--skin-4 .mobile-header {
background: #2c3979
}
.site-header.site-header--skin-4 .navigation-bar {
background: none
}
.site-header--skin-4 .header-main {
background: 0 0
}
.site-header--skin-4 .navigation-bar__inner {
background: rgba(0,0,0,.1) !important
}
.site-header--skin-4.sticky-header .navigation-bar {
background: #2c3979
}
.site-header--skin-4 .navigation--main > li > a:before {
background: #FC3C2D !important
}
.site-header--skin-5 .mobile-header, .site-header--skin-5 .navigation-bar {
background-color: #fafafa
}
.site-header--skin-5:not(.sticky-header) .navigation-bar {
box-shadow: 0 -1px 0 rgba(0,0,0,.05)
}
.list-square-bullet-exclude-first > li:not(:first-child) > :before, .list-square-bullet > li > :before, .mnmd-carousel-dots-b .swiper-pagination-bullet-active, .site-header--side-logo .header-logo:not(.header-logo--mobile) {
background: #FC3C2D
}
.header-3 .header-main {
padding: 30px 0;
background: 0 0
}
.header-3 .mobile-header, .header-3 .navigation-bar {
background: 0 0
}
.footer-3.site-footer, .header-3 .site-header, .header-3 .sticky-header {
background: #43C6AC;
background: -webkit-linear-gradient(-30deg,#43C6AC 0,#191654 100%);
background: linear-gradient(-30deg,#43C6AC 0,#191654 100%)
}
.header-4 .mobile-header, .header-4 .navigation-bar {
background: #191654
}
.header-4 .mnmd-mosaic .overlap-background {
background: #191654;
background: -webkit-linear-gradient(-270deg,#43C6AC 0,#191654 100%);
background: linear-gradient(0deg,#43C6AC 0,#191654 100%)
}
.header-4 .navigation--main > li > a:before {
content: none
}
.header-4 .site-footer {
background: #f5f5f5
}
.header-5 .navigation--main > li > a:active, .header-5 .navigation--main > li > a:focus, .header-5 .navigation--main > li > a:hover {
background: rgba(0,0,0,.05)
}
.header-5 .navigation--main > li > a:before {
content: none
}
.footer-5.site-footer {
background-color: #4A4A4A;
background: -webkit-linear-gradient(-450deg,#4A4A4A 0,#111 100%);
background: linear-gradient(180deg,#4A4A4A 0,#111 100%)
}
.header-6 .mobile-header, .header-6 .navigation-bar {
background-color: #191654
}
.header-6 .site-header .navigation-bar {
box-shadow: 0 1px 0 rgba(255,255,255,.2)
}
.header-6 .mnmd-featured-block-b .mnmd-block__background {
background: #43C6AC;
background: -webkit-linear-gradient(-270deg,#43C6AC 0,#191654 100%);
background: linear-gradient(0deg,#43C6AC 0,#191654 100%)
}
.header-6 .mnmd-featured-block-b .mnmd-news-ticker__inner {
border: none;
box-shadow: 0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05)
}
.footer-6.site-footer {
background-color: #191654
}
.header-7 .header-main {
position: relative
}
.site-footer.footer-7 .site-footer__section:first-child, .site-footer.footer-8 .site-footer__section:first-child {
background: #004e66;
background: -webkit-linear-gradient(-450deg,#004e66 0,transparent 100%);
background: linear-gradient(180deg,#004e66 0,transparent 100%)
}
.site-footer.footer-7, .site-footer.footer-8 {
background: #1B1D1C
}
.bg-color-light-gray {
background-color: #fafafa
}
.bg-color-custom-1 {
background-color: #38003C !important
}
.bg-color-custom-2 {
background-color: #4F86C6 !important
}
.bg-color-custom-3 {
background-color: #E90606 !important
}
.bg-color-custom-4 {
background-color: #19AAD1 !important
}
.bg-color-5 {
background-color: #2B2D32 !important
}
.bg-color-6 {
background-color: #000032 !important
}
.bg-gradient-1 {
background: #2af598;
background: -webkit-linear-gradient(to left,#2af598,#009efd);
background: linear-gradient(to left,#2af598,#009efd)
}
.bg-gradient-1-vertical {
background: #2af598;
background: -webkit-linear-gradient(to top,#2af598,#009efd);
background: linear-gradient(to top,#2af598,#009efd)
}
.bg-gradient-2 {
background: #12162d;
background: -webkit-linear-gradient(top,#19aad1 0,#12162d 100%);
background: linear-gradient(180deg,#19aad1 0,#12162d 100%)
}
.bg-gradient-3 {
background: #34e89e;
background: -webkit-linear-gradient(to left,#34e89e,#0f3443);
background: linear-gradient(to left,#34e89e,#0f3443)
}
.bg-gradient-4 {
background: #004e66;
background: -webkit-linear-gradient(-450deg,#004e66 0,transparent 100%);
background: linear-gradient(180deg,#004e66 0,transparent 100%)
}
.gradient-5 {
background: #43C6AC;
background: -webkit-linear-gradient(-495deg,#43C6AC 0,#191654 100%);
background: linear-gradient(225deg,#43C6AC 0,#191654 100%)
}
.gradient-5-alt {
background: #43C6AC;
background: -webkit-linear-gradient(-430deg,#43C6AC 0,#191654 100%);
background: linear-gradient(160deg,#43C6AC 0,#191654 100%)
}
.site-logo a:focus, .site-logo a:hover {
text-decoration: none
}
.tnm-error--notice {
padding: 10px 15px;
border-radius: 5px;
background: #FC3C2D;
color: #fff;
margin: 30px 0
}
.top-bar__nav .navigation li .sub-menu {
text-align: left
}
.module-viewmore-btn {
clear: both
}
.bk-preload-wrapper {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 100
}
.bk-preload-blur {
opacity: .3
}
.bk-preload-wrapper:after {
border: 2px solid #000;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 34px;
content: "";
width: 34px;
height: 34px;
display: inline-block;
overflow: hidden;
-moz-animation: loading-icon-spin 1s infinite linear;
-webkit-animation: loading-icon-spin 1s infinite linear;
animation: loading-icon-spin 1s infinite linear
}
.bk-preload-wrapper:after {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -16px;
border-width: 3px
}
.bk-preload-wrapper:after {
border-top-color: #FC3C2D;
border-bottom-color: #FC3C2D
}
@-moz-keyframes loading-icon-spin {
0% {
-moz-transform: rotate(0);
transform: rotate(0)
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes loading-icon-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loading-icon-spin {
0% {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.header-logo > a .logo-text {
font-size: 40px;
font-weight: 600
}
#mnmd-mobile-header .header-logo > a .logo-text {
font-size: 22px;
font-weight: 600
}
.header-branding--mobile > a {
font-size: inherit
}
.mnmd-offcanvas__title .site-logo img {
max-width: 240px
}
.lwa {
margin-bottom: 0
}
.lwa-avatar {
width: auto;
height: auto
}
.mnmd-offcanvas__section .lwa-avatar > .bk-username {
display: inline-block !important;
margin-left: 8px
}
.mnmd-offcanvas__section .lwa-avatar > .bk-username a {
text-decoration: none !important;
color: #444;
font-weight: 700;
outline: 0 !important
}
.mnmd-offcanvas__section .lwa-avatar .bk-canvas-logout {
border-left: 1px solid rgba(0,0,0,.15);
display: inline-block !important;
margin-left: 10px;
padding-left: 10px
}
.mnmd-offcanvas__section .bk-canvas-logout a {
text-decoration: none !important;
color: #444;
font-weight: 700;
outline: 0 !important
}
.mnmd-offcanvas__section .bk-lwa.navigation-bar-btn .avatar, .mnmd-offcanvas__section .navigation-bar-btn i, .mnmd-offcanvas__section .navigation-bar-btn span {
line-height: 1
}
.lwa-template-modal > .bk-lwa > table > tbody > tr, .mnmd-offcanvas__section tr {
border-bottom: none !important
}
.lwa-modal {
padding: 0;
background: 0 0;
width: auto;
margin-left: 0
}
.bk-login-status, .lwa-status {
margin-bottom: 20px
}
.lwa-avatar.bk-avatar img {
border-radius: 50%
}
.bk-lwa.navigation-bar-btn .avatar {
line-height: 60px;
padding: 0;
width: 27px;
height: 27px;
object-fit: cover
}
.bk-lwa.navigation-bar-btn .bk-lwa-profile .avatar {
width: 110px;
height: 110px;
object-fit: cover
}
.bk-account-info {
width: 350px;
position: absolute;
top: 100%;
right: 0;
bottom: auto;
left: auto;
padding: 10px;
background: #fafafa;
opacity: 0;
visibility: hidden;
box-shadow: 0 0 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05);
-webkit-transform: scale(1,.9);
-moz-transform: scale(1,.9);
-ms-transform: scale(1,.9);
-o-transform: scale(1,.9);
transform: scale(1,.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
-moz-transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
transition: all .2s cubic-bezier(.165,.84,.44,1) .1s;
z-index: 30
}
.bk-lwa:hover > .bk-account-info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
-moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
transition: all .3s cubic-bezier(.165,.84,.44,1) .2s
}
.bk-lwa-profile .bk-avatar {
width: auto;
height: auto;
float: left
}
.lwa-avatar.bk-avatar img {
border-radius: 50%
}
.bk-lwa-profile .bk-user-data {
padding-left: 120px;
color: rgba(0,0,0,.8);
font-size: 14px;
text-align: left
}
.bk-lwa-profile .bk-user-data > a {
padding: 6px;
display: block
}
.bk-lwa-profile .bk-user-data > a:first-child {
padding-top: 0
}
.bk-lwa-profile .bk-user-data > div:hover {
background-color: #f0f0f0
}
.bk-lwa-profile .bk-user-data i {
margin-right: 5px;
width: 17px;
height: 17px;
line-height: 14px;
color: #666
}
.bk-recover-submit input[type=submit], .bk-register-submit input[type=submit] {
font-size: 12px;
padding: 8px 12px;
float: right;
width: auto;
text-transform: uppercase;
background: 0 0;
border: 1px solid #888;
color: #888
}
.bk-recover-submit .bk-back-login, .bk-register-form-wrapper .bk-back-login {
text-transform: uppercase;
font-size: 12px;
color: #888;
padding: 8px 12px;
border: 1px solid #888;
float: left;
transform: none;
-webkit-transform: none;
transition: none;
-webkit-transition: none
}
.bk-back-login i {
margin-right: 8px
}
.lwa .bk-register-form-wrapper, .lwa .bk-remember-form-wrapper {
margin-top: 0
}
.lwa-modal .lwa-modal-close {
font-size: 20px;
top: 15px;
right: 15px
}
.bk-login-modal a {
transform: none;
-webkit-transform: none;
transition: none;
-webkit-transition: none
}
.bk-lwa-profile .bk-user-data a:focus, .bk-lwa-profile .bk-user-data a:hover, .bk-lwa-profile .bk-user-data a:visited {
text-decoration: none !important;
color: inherit;
outline: 0 !important
}
.bk-lwa-profile .bk-user-data a {
color: #444
}
.apsl-login-networks a:last-child .apsl-icon-block {
margin-right: 0
}
span.apsl-login-new-text {
font-weight: 400
}
.mnmd-horizontal-list .item-list:nth-child(3n+1) {
clear: both
}
@media (min-width:768px) {
.entry-cat, .post__cat, a.entry-cat, a.post__cat {
font-size: 12px
}
}
.mnmd-shortcode-wrap {
margin-top: 2em;
margin-bottom: 2em
}
.single-entry--template-2-alt .single-entry-featured-media {
margin-bottom: 30px
}
@media (max-width:767px) {
.single-entry--template-2--no-sidebar .single-entry-featured-media, .single-entry--template-2-alt .single-entry-featured-media {
margin-left: -15px;
margin-right: -15px;
margin-top: -20px
}
}
.single-entry--template-4 .single-entry-featured-media {
position: relative;
margin-top: -70px;
margin-left: 0;
margin-right: 0
}
@media (min-width:992px) {
.single-entry--template-4 .single-entry-featured-media {
margin-top: -90px
}
}
.post_format-post-format-gallery .single-entry-featured-media {
box-shadow: none
}
.page-404-logo a {
font-size: 50px;
font-weight: 700
}
.page-404-image .page-404-title {
text-align: center;
font-size: 120px;
font-weight: 700
}
.featured-with-overlap-posts .tnm-default-thumb {
width: 100%;
background: #333
}
.js-ajax-load-post.tnm_loading .js-ajax-load-post-trigger i {
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.site-footer__section-inner .site-logo li {
display: inline-block;
margin: 0 10px 10px 0
}
.f-weixin-dropdown, .user-weixin-dropdown, .mobile-foot-weixin-dropdown {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #FFF;
z-index: 999999;
-webkit-animation: fade-zoom-in .3s forwards;
-o-animation: fade-zoom-in .3s forwards;
animation: fade-zoom-in .3s forwards;
display: none;
-webkit-backface-visibility: hidden
}
.f-weixin-dropdown .qcode img, .user-weixin-dropdown .qcode img, .mobile-foot-weixin-dropdown .qcode img {
width: 100%;
height: auto
}
.f-weixin-dropdown.is-visible, .user-weixin-dropdown.is-visible, .mobile-foot-weixin-dropdown.is-visible {
display: block
}
.f-weixin-dropdown .tooltip-weixin-inner, .user-weixin-dropdown .tooltip-weixin-inner, .mobile-foot-weixin-dropdown .tooltip-weixin-inner {
max-width: 300px;
padding: 0 20px;
margin: auto;
text-align: center;
position: absolute;
width: 100%;
left: 0;
right: 0;
height: 320px;
top: -150px;
bottom: 0
}
.f-weixin-dropdown .tooltip-weixin-inner h3, .user-weixin-dropdown .tooltip-weixin-inner h3, .mobile-foot-weixin-dropdown .tooltip-weixin-inner h3 {
color: #273746;
font-size: 32px;
font-weight: 300;
margin-bottom: 10px;
line-height: 1.3
}
.f-weixin-dropdown .close_tip, .user-weixin-dropdown .close_tip, .mobile-foot-weixin-dropdown .close_tip {
position: fixed;
z-index: 99999;
top: 80px;
right: 80px;
color: #BDBDBD;
font-size: 36px;
cursor: pointer;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.mobile-foot-weixin-dropdown .tooltip-weixin-inner {
top: 0 !important
}
.close-weixin {
display: block;
position: absolute;
top: 10%;
right: 10%;
width: 80px;
height: 80px;
cursor: pointer;
background: #fff
}
.close-top {
position: absolute;
left: 14px;
background: #333;
width: 22px;
height: 2px;
transition: .3s
}
.close-top {
-webkit-transform: translate(0,5px) rotate(225deg);
transform: translate(0,5px) rotate(225deg)
}
.close-weixin .close-top {
top: 34px
}
.close-weixin .close-bottom {
bottom: 34px
}
.close-weixin .close-bottom, .close-weixin .close-top {
width: 30px;
left: 16px
}
.close-bottom {
-webkit-transform: translate(0,-5px) rotate(135deg);
transform: translate(0,-5px) rotate(135deg)
}
.close-bottom, .close-top {
position: absolute;
left: 14px;
background: #333;
width: 22px;
height: 2px;
transition: .3s
}
@-webkit-keyframes fade-zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes fade-zoom-in {
0% {
opacity: 0;
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes waver {
0 {
transform: scale(1,1)
}
50% {
transform: scale(1.5,1.5)
}
100% {
transform: scale(1,1)
}
}
@-moz-keyframes waver {
0 {
-moz-transform: scale(1,1)
}
50% {
-moz-transform: scale(1.5,1.5)
}
100% {
-moz-transform: scale(1,1)
}
}
@-webkit-keyframes waver {
0 {
-webkit-transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.5,1.5)
}
100% {
-webkit-transform: scale(1,1)
}
}
@-o-keyframes waver {
0 {
-o-transform: scale(1,1)
}
50% {
-o-transform: scale(1.5,1.5)
}
100% {
-o-transform: scale(1,1)
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0)
}
to {
-moz-transform: rotate(360deg)
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0)
}
to {
-ms-transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0)
}
to {
-o-transform: rotate(360deg)
}
}
@keyframes rotate {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.dialog-xintheme {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 1111;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.dialog-content {
width: 50%;
max-width: 350px;
min-width: 290px;
background: #fff;
padding: 4em;
text-align: center;
position: relative;
z-index: 5;
opacity: 0
}
.dialog-wechat-content p {
font-size: 14px
}
.dialog-wechat-content img {
width: 170px;
height: 170px;
vertical-align: middle;
max-width: 100%;
border: 0
}
.dialog-content .btn-close {
position: absolute;
left: 0;
width: 100%;
font-size: 24px;
color: #fff;
display: inline-block;
top: 0;
cursor: pointer;
}
.dialog_overlay {
position: fixed;
background: rgba(55,58,71,.9);
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-backface-visibility: hidden;
opacity: 1;
pointer-events: auto;
z-index: 111;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.dialog-xintheme.open .dialog-content {
-webkit-animation-name: dialog-open;
animation-name: dialog-open;
}
.dialog-xintheme.open .dialog-content {
opacity: 1;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
pointer-events: auto;
}
#post_qrcode .btn-close .icon-close {
background-color: #c93131;
padding: 5px;
border-radius: 30px;
float: right;
margin-right: 20px;
margin-top: 20px;
width: 32px;
}
.xintheme-no-robot {
width: 100%;
margin-bottom: 20px;
font-size: 14px;
vertical-align: middle;
display: inline-block
}
#commentform {
display: inline-block;
width: 100%
}
.xintheme-no-robot label input {
position: absolute;
top: 0;
left: 0;
opacity: 0
}
.xintheme-no-robot label {
display: block;
float: left;
cursor: pointer;
position: relative;
width: 62px;
height: 26px;
padding: 0;
margin: 0;
overflow: hidden;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px
}
.xintheme-no-robot label input:checked ~ em {
background: #4fb845
}
.xintheme-no-robot label em {
position: relative;
display: block;
height: inherit;
font-size: 11px;
line-height: 26px;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
color: #fff;
background-color: #ed6f6f;
-moz-transition: background .15s ease-out;
-o-transition: background .15s ease-out;
-webkit-transition: background .15s ease-out;
transition: background .15s ease-out
}
.xintheme-no-robot label input:checked ~ em {
background: #4fb845
}
.xintheme-no-robot label input:checked ~ em:before {
opacity: 0
}
.xintheme-no-robot label input:checked ~ em:after {
opacity: 1
}
.xintheme-no-robot label em:before {
content: attr(data-off);
right: 14px
}
.xintheme-no-robot label em:after {
content: attr(data-on);
left: 14px;
opacity: 0
}
.xintheme-no-robot label input:checked ~ i {
left: 40px
}
.xintheme-no-robot label i {
position: absolute;
top: 4px;
left: 4px;
width: 18px;
height: 18px;
background-color: #fff;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
-moz-transition: left .15s ease-out;
-o-transition: left .15s ease-out;
-webkit-transition: left .15s ease-out;
transition: left .15s ease-out
}
.xintheme-no-robot label em {
position: relative;
display: block;
height: inherit;
font-size: 11px;
line-height: 26px;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
color: #fff;
background-color: #ed6f6f;
-moz-transition: background .15s ease-out;
-o-transition: background .15s ease-out;
-webkit-transition: background .15s ease-out;
transition: background .15s ease-out
}
.xintheme-no-robot label em:after, .xintheme-no-robot label em:before {
position: absolute;
-moz-transition: opacity .15s ease-out;
-o-transition: opacity .15s ease-out;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.xintheme-no-robot .comment-tips {
vertical-align: middle;
width: 240px;
color: #999;
padding-left: 10px;
font-size: 13px;
}
/*评论列表头像动态特效*/
.comment-list .comment-body:hover .avatar {
-webkit-animation-name: avatar;
animation-name: avatar;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@keyframes avatar {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.comment-upload, .comment-emoticon {
display: inline-block;
color: #666;
width: 28px;
height: 28px;
line-height: 24px;
text-align: center;
cursor: pointer;
border-radius: 20px
}
#commentform a:hover {
text-decoration: none
}
.comment-upload-box {
display: none;
z-index: 9991;
filter: alpha(opacity=50);
background: #666;
opacity: .5;
-moz-opacity: .5;
left: 0;
top: 0;
height: 100%;
width: 100%;
position: fixed
}
.comment-upload-donate {
display: none;
position: fixed;
bottom: 40%;
left: 50%;
padding: 30px 20px;
width: 300px;
padding-bottom: 50px;
background-color: #fff;
border-radius: 3px;
transform: translateX(-50%);
text-align: center;
z-index: 9999
}
#comment-img-add {
font-size: 20px;
font-weight: 400;
text-align: center;
margin-bottom: 40px;
color: #757575
}
.comment-add-img {
position: relative
}
.comment-add-img #comment-img-file, .comment-add-img .comment-img-file {
width: 100%;
background: #dcdada;
margin: 0 auto 20px;
display: block;
height: 80px;
color: #4a4a4a;
border: 3px dashed #888;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.comment-add-img:hover #comment-img-file, .comment-add-img:hover .comment-img-file {
background: #f5f3f3 !important
}
#comment-img-file {
position: absolute;
z-index: 1;
cursor: pointer;
opacity: 0
}
.comment-add-img button {
width: 100%;
margin-top: 10px;
line-height: 30px;
}
.comment-card-smiley:before {
left: 65px;
top: -5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #FFF;
content: "";
height: 8px;
position: absolute;
width: 8px;
z-index: 999;
border-top: 1px solid rgba(153,153,153,.31);
border-left: 1px solid rgba(153,153,153,.31);
}
.comment-card-smiley a {
width: 34.6px;
height: 34.6px;
display: block;
border: 2px solid #fff;
background-color: #f0f0f0;
padding: 4px;
float: left
}
.comment-card-smiley {
display: none;
position: absolute;
width: 352px;
padding: 2px;
box-shadow: 0 0 10px rgba(153,153,153,.31);
background-color: #fff;
z-index: 2;
border: 1px solid rgba(153,153,153,.31);
}
.comment-content .wp-smiley {
height: 1.5em !important;
max-height: 1.5em !important;
}
.pinglunZan, .comment-reply-login {
color: rgba(0,0,0,.4);
margin-right: 10px;
text-decoration: none;
}
.pinglunZan.done {
color: #FC3C2D;
text-decoration: none;
}
.pinglunZan:hover, .comment-reply-login:hover {
text-decoration: none;
}
/*文章版权*/
.single_copyright {
margin: 0 0 1.6em 0;
border-left: 5px solid #f13b03;
line-height: 1.5;
color: rgba(0,0,0,.5);
background-color: #f4f4f4;
padding: 16px 16px 24px 16px;
font-size: 14px;
}
/*新增页脚社交工具*/
.social-navigation ul {
margin: 0;
list-style: none;
}
.social-navigation li {
display: inline-block;
margin: 0 10px 0 0
}
.social-navigation li:last-child {
margin-right: 0
}
.social-navigation li a {
position: relative;
display: block;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #2196f3
}
.social-navigation li a:focus,
.social-navigation li a:hover {
opacity: .8
}
.social-navigation li a img {
padding: 8px
}
.wechat {
position: relative
}
.wechatimg {
position: absolute;
z-index: 999;
visibility: hidden;
width: 121px;
height: 121px;
padding: 10px;
background: #fff;
bottom: 80px;
left: -45px;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
transition: .7s all ease;
-webkit-transition: .7s all ease;
-moz-transition: .7s all linear;
-o-transition: .7s all ease;
-ms-transition: .7s all ease;
opacity: 0
}
.wechat:hover .wechatimg {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
opacity: 1;
visibility: visible
}
.wechatimg:after {
content: "";
display: block;
border-width: 10px 10px 0;
border-style: solid;
border-color: #fff transparent transparent;
margin-left: -10px;
position: absolute;
bottom: -10px;
left: 50%
}
/*fancybox*/
.single .entry-content .gallery {
margin-bottom: 30px;
clear: both;
font-size: 18px;
}
.single .entry-content .gallery .gallery-item {
margin: 0 !important;
overflow: hidden;
position: relative;
float: left;
clear: none;
}
.single .entry-content.gallery-caption {
pointer-events: none;
padding: 1000px 20px;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
webkit-transition: .5s ease all;
-moz-transition: .5s ease all;
-o-transition: .5s ease all;
transition: .5s ease all;
text-align: center;
color: #fff;
opacity: 0;
background-color: rgba(0,0,0,.70);
cursor: pointer;
}
.single .entry-content .gallery .gallery-item:hover .gallery-caption {
opacity: 1;
}
.single .entry-content .gallery .gallery-item dt:before {
content: "";
display: block;
padding-top: 100%;
}
.single .entry-content .gallery .gallery-item dt {
position: relative;
cursor: pointer;
}
.single .entry-content .gallery .gallery-item a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
border: 0;
margin: 0;
}
.single .entry-content .gallery .gallery-item img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 12px;
overflow: hidden;
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.14),0 4px 10px rgba(0,0,0,.18);
box-shadow: 0 2px 6px rgba(0,0,0,.14),0 4px 10px rgba(0,0,0,.18);
}
.single .entry-content .gallery .gallery-item a img {
margin: 0
}
.single .entry-content .gallery .gallery-item a:hover:after, .single .entry-content .gallery .gallery-item a:hover:before {
visibility: visible
}
.single .entry-content .gallery .gallery-item a:hover:after {
opacity: .75
}
.single .entry-content .gallery .gallery-item a:hover:before {
opacity: 1
}
.single .entry-content .gallery .gallery-item a:after, .single .entry-content .gallery .gallery-item a:before {
-webkit-transition: opacity .25s ease,visibility .25s ease;
-moz-transition: opacity .25s ease,visibility .25s ease;
-ms-transition: opacity .25s ease,visibility .25s ease;
-o-transition: opacity .25s ease,visibility .25s ease;
transition: opacity .25s ease,visibility .25s ease;
position: absolute;
opacity: 0;
visibility: hidden
}
.single .entry-content .gallery .gallery-item a:after {
content: '';
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
border-radius: 3px
}
.single .entry-content .gallery .gallery-item a:before {
font-size: 28px;
line-height: 1;
z-index: 1;
color: #fff;
content: "\e61c";
font-family: iconfont;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px
}
.single .entry-content .gallery .gallery-item:hover img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
/*mnmd-gallery-wrap*/
.single .mnmd-gallery-wrap {
margin-bottom: 1.6em;
}
/*代码高亮 旧版本 */
/*
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}
:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}
:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}
.token.punctuation{color:#f8f8f2}
.namespace{opacity:.7}
.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}
.token.boolean,.token.number{color:#ae81ff}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}
.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}
.token.keyword{color:#66d9ef}
.token.important,.token.regex{color:#fd971f}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}
pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}
.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}
.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
*/
div.code-toolbar {
margin-bottom: 1.6em;
position: relative
}
div.code-toolbar > .toolbar {
position: absolute;
top: .3em;
right: .2em;
transition: opacity .3s ease-in-out;
opacity: 0
}
div.code-toolbar:hover > .toolbar {
opacity: 1
}
div.code-toolbar > .toolbar .toolbar-item {
margin-left: 5px;
display: inline-block
}
div.code-toolbar > .toolbar a {
cursor: pointer
}
div.code-toolbar > .toolbar button {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
color: #bbb;
font-size: .8em;
padding: .2em .5em .2em .5em;
background: #f5f2f0;
background: rgba(224,224,224,.2);
box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
border-radius: .5em
}
div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar span:focus, div.code-toolbar > .toolbar span:hover {
color: inherit;
text-decoration: none
}
/*进度条*/
.xintheme_progressbar {
position: relative;
height: 66px;
margin: 40px 0;
padding: 6px;
border: 1px solid #e7e7e7;
border-radius: 2px
}
.xintheme_progressbar .xintheme_progressbar_label {
font-size: 14px;
line-height: 37px;
position: absolute;
top: 15px;
left: 25px;
color: #fff
}
.xintheme_progressbar .xintheme_progressbar_status {
font-size: 12px;
line-height: 0;
position: absolute;
top: 16px;
right: 25px;
padding: 14px 14px;
color: #000;
border: 1px solid #e9e9e9;
border-radius: 90px;
background: #fff
}
.xintheme_progressbar .xintheme_progressbar_inner {
width: 0;
height: 53px;
-webkit-transition: width 1.25s ease-out;
transition: width 1.25s ease-out;
border-radius: 2px
}
@media (max-width:710px) {
.xintheme_progressbar {
margin: 35px 0
}
}
@media (max-width:410px) {
.xintheme_progressbar {
margin: 30px 0
}
}
/*手风琴*/
.xintheme_accordion {
margin: 50px 0;
padding: 25px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7
}
.xintheme_accordion .xintheme_accordion_header {
position: relative;
display: block;
margin: 0 0 30px;
cursor: pointer;
-webkit-transition: margin .5s ease-out;
transition: margin .5s ease-out
}
.xintheme_accordion .xintheme_accordion_header h3 {
font-size: 18px;
margin: 0;
color: #222
}
.xintheme_accordion .xintheme_accordion_header:after {
font-family: "iconfont" !important;
position: absolute;
top: 0;
right: 0;
content: "\e74a";
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out,-webkit-transform .5s ease-out;
font-size: 22px;
font-weight: 700;
margin-top: -5px
}
.xintheme_accordion .xintheme_accordion_content {
-webkit-transition: padding-bottom .5s ease-out;
transition: padding-bottom .5s ease-out
}
.xintheme_accordion .xintheme_accordion_content:after {
display: block;
width: 100%;
height: 20px;
content: ''
}
.xintheme_accordion.xintheme_accordion_open .xintheme_accordion_header:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.xintheme_accordion.xintheme_accordion_closed .xintheme_accordion_header {
margin: 0
}
.xintheme_accordion.xintheme_accordion_closed .xintheme_accordion_content {
overflow: hidden;
padding-bottom: 0
}
.xintheme_accordion + .xintheme_accordion {
margin-top: -50px;
border-top: 0
}
@media (max-width:710px) {
.xintheme_accordion {
margin: 40px 0
}
.xintheme_accordion + .xintheme_accordion {
margin-top: -40px
}
}
@media (max-width:410px) {
.xintheme_accordion {
margin: 30px 0
}
.xintheme_accordion + .xintheme_accordion {
margin-top: -30px
}
}
/*按钮*/
.xintheme_button {
line-height: normal;
display: inline-block;
margin: 0 1.6em 1.6em 0;
text-align: center;
color: #fff !important;
border: 0 !important
}
.xintheme_button i {
margin: 0 10px 0 0;
color: #fff !important
}
.xintheme_button.xintheme_button_size_standard {
font-size: 13px;
padding: 16px 60px
}
.xintheme_button.xintheme_button_size_large {
font-size: 15px;
padding: 19px 65px
}
.xintheme_button.xintheme_button_size_extra {
font-size: 17px;
padding: 21px 77px
}
.xintheme_button.xintheme_button_rounded {
border-radius: 90px
}
.xintheme_button:hover {
text-decoration: none;
opacity: .8;
}
.xintheme_button.xintheme_button_position_block {
display: block;
margin: 60px 0
}
.xintheme_button.xintheme_button_position_center {
display: block;
width: 90%;
max-width: 300px;
margin: 50px auto
}
@media (max-width:710px) {
.xintheme_button.xintheme_button_position_center {
margin: 40px auto
}
}
@media (max-width:410px) {
.xintheme_button.xintheme_button_position_center {
margin: 30px auto
}
}
/*标签云*/
.tagslist {
overflow: hidden;
}
.tagslist ul {
list-style-type: none;
padding: 0;
margin: 0 -2% 0 0;
}
.post .entry-content .tagslist li {
float: left;
width: 23%;
margin-right: 2%;
margin-bottom: 2%;
padding: 15px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 2px;
}
.tagslist li .name {
background-color: #eee;
display: inline-block;
padding: 0 10px 0;
font-size: 12px;
color: #666;
}
.tagslist li .name:hover {
background-color: #444;
color: #fff;
}
.tagslist li:hover {
border-color: #ccc;
}
.tagslist li:hover .name {
background-color: #333;
color: #fff;
}
.tagslist li small {
margin-left: 10px;
color: #bbb;
}
.tagslist li p {
margin: 10px 0 0;
font-size: 12px;
height: 17px;
overflow: hidden;
display: block;
line-height: 1.5;
}
.tagslist li .tit {
color: #999;
}
.tagslist li .tit:hover {
color: #444;
}
.post .entry-content .tagslist a {
text-decoration: none;
}
@media (max-width:1024px) {
.post .entry-content .tagslist li {
width: 31.3333333%;
}
}
@media (max-width:768px) {
.post .entry-content .tagslist li {
width: 48%;
}
.mobile-none {
display: none !important;
}
}
@media (max-width:640px) {
.post .entry-content .container-tags {
padding: 15px;
}
}
@media (max-width:544px) {
.post .entry-content .tagslist li {
padding: 10px;
}
}
/*-------------------1.4版本新增内容-------------------*/
.post__meta.xin_meta {
position: absolute;
bottom: 8px;
height: 20px;
line-height: 20px;
color: #a8a8a8;
}
.posts-list .post__title.typescale-2 {
margin: 8px 0 11px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.xin-underline { /*display: table;*/
position: relative;
text-decoration: none;
padding-bottom: 5px;
}
.xin-underline:before { /*! content:""; */ /*! position:absolute; */ /*! left:0; */ /*! bottom:0px; */ /*! width:0; */ /*! height:1px; */ /*! background:#080707; */ /*! -webkit-transition:all .5s; */ /*! transition:all .5s */
}
.posts-list .list-item:hover .xin-underline:before {
width: 100%;
right: 0
}
.xin_no_hide {
text-overflow: initial !important;
white-space: initial !important;
overflow: initial !important;
}
.xin_hide {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.site-footer__section-inner .site-logo li img {
width: 18px;
height: 18px;
border-radius: 32px;
margin-top: -3px;
}
.flickity-prev-next-button {
position: absolute;
top: 50%;
border: none;
}
.mnmd-carousel__inner.js-mnmd-carousel-overlap.flickity-enabled.is-draggable {
outline: none
}
@media (max-width:768px) {
.posts-list .post__title.typescale-2 {
text-overflow: initial;
white-space: initial;
overflow: initial;
}
.posts-list .post__title.typescale-2 a, .post .post__title a {
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
}
ul.wp-block-gallery {
padding-left: 0
}
/*登录注册*/
#login-modal .login-with-social .login-with-qq {
text-decoration: none;
position: relative;
width: 36px;
height: 36px;
color: #fff;
border-radius: 50%;
background-color: #007ee5;
display: inline-block;
margin: 0 10px 0 0;
}
#login-modal .login-with-social .login-with-weibo {
text-decoration: none;
position: relative;
width: 36px;
height: 36px;
color: #fff;
border-radius: 50%;
background-color: #e6162d;
display: inline-block;
margin: 0 10px 0 0;
}
#login-modal .login-with-social .login-with-weixin {
text-decoration: none;
position: relative;
width: 36px;
height: 36px;
color: #fff;
border-radius: 50%;
background-color: #51c332;
display: inline-block;
margin: 0 10px 0 0;
}
#login-modal .login-with-social .iconfont {
line-height: 36px;
}
.sign-tips {
position: absolute;
top: -67px;
background-color: #ef392b;
left: 0;
right: 0;
height: 0;
line-height: 60px;
padding: 0 50px;
color: #fff;
font-size: 14px;
overflow: hidden;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.fieldset#captcha_inline {
position: relative;
}
.captcha_email {
display: inline-block;
position: absolute;
right: 0;
padding: 8px 15px;
border-left: 1px solid #d2d8d8;
font-size: 12px;
font-size: .875rem;
color: #fff;
cursor: pointer;
background: #333;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/*AD*/
.xintheme-ad {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.xintheme-ad span {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
color: #F4F6F9;
background-color: rgba(0,0,0,.6);
padding: 2px 6px;
border-radius: 2px;
}
.xintheme-ad .mobile {
display: none !important;
}
.xintheme-ad .pc {
display: block !important;
}
@media (max-width:767px) {
.xintheme-ad .mobile {
display: block !important;
}
.xintheme-ad .pc {
display: none !important;
}
}
/*视频兼容性处理*/
.entry-content iframe {
border: 0;
width: 100%;
height: 500px;
overflow: hidden;
position: relative;
margin-bottom: 20px
}
@media screen and (max-width:959px) {
.entry-content iframe {
height: 450px
}
}
@media screen and (max-width:767px) {
.entry-content iframe {
height: 400px
}
/*部分模块手机端兼容处理*/
.col-sm-6.col-md-3.mb-200 {
padding: 15px !important
}
.col-xs-12.col-sm-3.mb-w100 {
width: 100%
}
.col-xs-12.col-sm-3.mb-w50 {
width: 50%
}
.col-xs-12.col-sm-6.col-md-4.mb-w50 {
width: 50%
}
.relive_v3 .list-space-xl .col-xs-12.col-sm-6.col-md-4 {
padding-left: 15px;
padding-right: 15px
}
.list-space-xl .col-xs-12.col-sm-6.col-md-4 {
padding-left: 0;
padding-right: 0
}
}
@media screen and (max-width:639px) {
.entry-content iframe {
height: 350px
}
}
@media screen and (max-width:479px) {
.entry-content iframe {
height: 250px
}
}
/*文章内 - 推荐文章*/
.embed-card, span.embed-card {
display: block;
position: relative;
width: 100%;
padding: 9px;
margin: 30px auto;
border: 1px dashed #d4d4d4;
overflow: hidden
}
.embed-card:hover, span.embed-card:hover {
box-shadow: 1px 1px 8px #eee
}
.embed-card a, span.embed-card a {
padding-right: 0;
text-decoration: none;
color: #313131
}
.embed-card span, span.embed-card span {
display: block;
padding-right: 0
}
.embed-card-category {
display: inline-block;
height: 20px;
line-height: 20px;
padding: 0 5px;
font-size: 12px
}
.embed-card-category {
background-color: #6a99d8;
background-color: rgba(86,86,86,.8);
color: #fff
}
.embed-card-category:hover {
background-color: #d5e2f4;
background-color: rgba(86,86,86,.8)
}
.embed-card .embed-card-category {
position: absolute;
top: 9px;
padding-right: 5px
}
.embed-card-img {
float: left;
margin-right: 14px
}
.embed-card-img img {
width: 180px;
height: 150px
}
.embed-card-info {
padding-right: 4px;
overflow: hidden
}
.embed-card-info .card-name {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
margin-top: 7px;
overflow: hidden;
text-overflow: ellipsis;
whitewhite-space: normal;
font-weight: 700
}
.embed-card-info .card-tags {
height: 20px;
overflow: hidden
}
.embed-card-info .card-tags > span {
display: inline-block;
padding: 0 7px;
margin-right: 8px;
height: 16px;
border: 1px solid #eee;
line-height: 16px;
color: #999;
font-size: 12px
}
.embed-card-info .card-tags span.tag-noborder {
border: 0
}
.embed-card-info .card-abstract {
line-height: 24px;
margin: 5px 0;
font-size: 14px;
color: #666;
overflow: hidden;
}
.embed-card-info .card-controls {
overflow: hidden;
line-height: 28px
}
.embed-card-info .card-controls .group-data {
float: left;
margin-right: 10px;
color: #999;
font-size: 12px
}
.embed-card-info .card-controls .group-data i {
margin-right: 5px;
font-style: normal !important
}
@media only screen and (max-width:700px) {
.embed-card .embed-card-img {
width: 33%
}
.embed-card .embed-card-img img {
width: 100%;
height: auto
}
.embed-card .embed-card-info {
overflow: visible;
padding: 0 9px
}
.embed-card .embed-card-info .card-name {
margin-top: 1%;
margin-bottom: 1.5%
}
.embed-card-info .card-abstract {
display: none;
}
}
/*回复可见*/
.single-content fieldset {
border: 1px solid #eee;
border-radius: 3px;
padding: 10px 15px;
margin-bottom: 10px
}
.single-content fieldset a {
margin: 0 5px
}
.single-content fieldset legend {
background: linear-gradient(to right,#2b56f5 0,#1399d7 100%) !important;
color: #fff;
border-radius: 4px;
padding: 5px 10px;
font-size: 14px;
width: auto;
margin-bottom: 0;
}
/*文章目录*/
.widget.sidebar-doc {
display: block !important
}
.right-side-directory:hover {
overflow: auto
}
.right-side-directory .item {
margin-bottom: 10px;
display: block
}
.right-side-directory .item:last-child {
margin-bottom: 0
}
.right-side-directory .item .title {
font-size: 14px;
line-height: 17px;
opacity: .5;
color: #8e8787;
display: inline-block;
vertical-align: bottom;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 10px;
font-weight: 600;
transition: none
}
.right-side-directory .item.show .title,
.right-side-directory .item:hover .title {
color: #333;
display: inline-block;
opacity: 1;
cursor: pointer
}
.right-side-directory .item .circle {
width: 16px;
height: 4px;
border-radius: 20px;
background: #e5e5e5;
display: inline-block;
vertical-align: middle;
cursor: pointer
}
.right-side-directory .item .circle.h3 {
width: 10px;
margin-bottom: 0;
margin-right: 6px
}
.right-side-directory .item.subDirectory .title {
font-size: 12px
}
.right-side-directory .item.subDirectory:hover .title {
color: #292525;
font-weight: 400
}
.right-side-directory .item.show .circle,
.right-side-directory .item:hover .circle {
background: #373737
}
/*全文登录后可见*/
.login-read-blocks {
margin-bottom: 30px;
padding: 35px;
border-radius: 4px;
background: #f0f4f9
}
.login-read-blocks .login-read-title {
font-size: 18px;
font-weight: 600;
line-height: normal;
margin: 0;
color: #3a3a3a
}
.login-read-blocks .login-read-content {
padding: 25px 0 0
}
/*部分登录后可见*/
.login-whole .login-read-blocks {
background: #a2ef8e
}
.login-whole .login-read-blocks .login-read-title {
color: #333
}
.grap.login-whole h3:before {
background-color: #ff5c04
}
/*分享海报 旧版本 已弃用*/
.dialog_overlay.share {
display: none;
}
.row-share > .img-share {
position: relative;
min-height: 333px;
max-width: 50%;
float: left
}
.row-share > .img-share img {
border: 1px #eee solid
}
.row-share > .img-share img.lazyload, .row-share > .img-share img.lazyloading {
border: none
}
.row-share .action-haibao {
display: none
}
.row-share > .share-item {
position: relative;
min-height: 333px;
max-width: 50%;
float: right;
width: 100%;
display: block;
margin-top: 16%
}
.row-share > .share-item > h3 {
font-size: 15px;
font-weight: 700
}
.row-share > .share-item > .button {
width: 100%;
margin: 20px 0
}
.row-share > .share-item > .button > .btn {
width: 180px;
border-radius: 50px;
padding: 12px 0;
border: none
}
.row-share > .share-item > .button > .btn-danger {
background-color: #e24040
}
.row-share > .share-item > .button > .btn-danger:hover {
background-color: #b93535
}
.row-share > .share-item > .button > .btn-info {
background-color: #1ea1f3
}
.row-share > .share-item > .button > .btn-info:hover {
background-color: #1a80bf
}
.row-share > .share-item > .button > .btn-warning {
background-color: #f3951e
}
.row-share > .share-item > .button > .btn-warning:hover {
background-color: #d28818
}
.row-share > .share-item > .button > .btn-primary {
background-color: #33383c
}
.row-share > .share-item > .button > .btn-primary:hover {
background-color: #000
}
.haibao-on > .row-share {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
transition: all .25s ease-in;
opacity: 1;
visibility: inherit
}
.row-share {
position: fixed;
top: 33%;
left: 50%;
margin: -150px 0 0 -333px;
width: 666px;
background-color: #FFF;
padding: 20px 20px 20px;
border-radius: 4px;
visibility: hidden;
box-shadow: 0 1px 5px rgba(0,0,0,.4);
z-index: 9999;
opacity: 0;
text-align: center
}
.row-share > .text-weixin {
display: none
}
@media(max-width:720px) {
.row-share > .share-item, .post-sharing ul li.sharing-no {
display: none
}
.row-share {
width: 70%;
left: 0;
margin: 0 15%;
top: 15%;
right: 0;
padding: 0
}
.row-share > .img-share {
max-width: 100%
}
.row-share > .text-weixin {
position: absolute;
width: 100%;
left: 0;
top: -40px;
font-size: 14px;
color: #FFF;
display: block;
background-color: #f08326
}
.row-share > .text-weixin p {
margin: 0;
padding: 10px;
border: 1px #eee solid
}
.post-sharing--simple .sharing-btn.share-haibao {
width: auto;
padding: 0 15px
}
.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
margin-left: .4em
}
}
/* 文章分享海报 4.0版本 */
.poster-share {
opacity: 0;
visibility: hidden;
z-index: 9999;
background: rgba(120,129,147,.22);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
-moz-opacity: .5;
left: 0;
top: 0;
height: 100%;
width: 100%;
position: fixed
}
.poster-image {
z-index: 9999;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 360px;
height: 625px;
margin: auto;
border-radius: 5px;
padding: 15px;
background: #fafafa
}
.poster-image img {
margin-top: 35px;
border: 1px solid #9999991f
}
.load-bigger-img {
top: 48%;
margin: auto
}
.poster-close {
cursor: pointer;
position: relative;
float: right;
right: -65px;
display: block;
z-index: 99999999;
height: 35px;
width: 35px;
border-radius: 50px;
background: #f44336;
color: #fff;
font-size: 24px;
line-height: 20px;
top: -15px
}
.poster-close:hover {
opacity: .8;
box-shadow: 1px 1px 5px rgba(0,0,0,.5)
}
.poster-close i {
color: #fff;
font-weight: 800;
text-align: center;
display: block;
padding-top: 7px
}
a.poster-download-img {
text-align: center;
line-height: 1.5;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
border: 0;
border-radius: 5px 5px 0 0;
padding: 4px 9px;
width: 100%;
height: 35px;
color: #fff;
background: #ffa700;
font-weight: 700
}
.poster-theme-bg {
background-color: #424242
}
.poster-theme-bg i {
color: #FFF;
font-size: 17px !important;
font-weight: bold
}
@media screen and (max-width:767px) {
.poster-image {
width: 250px;
height: 455px
}
}
/*文章缩略图显示优化*/
.min-height-160 img {
min-height: 160px;
max-height: 160px;
object-fit: cover
}
.min-height-70 img {
min-height: 70px;
max-height: 70px;
object-fit: cover
}
.min-height-75 img {
min-height: 70px;
max-height: 70px;
object-fit: cover
}
.min-height-100 img {
min-height: 100px;
max-height: 100px;
object-fit: cover
}
.min-height-386 img {
min-height: 386px;
max-height: 386px;
object-fit: cover
}
.min-height-210 img {
min-height: 210px;
max-height: 210px;
object-fit: cover
}
.min-height-345 img {
min-height: 345px;
max-height: 345px;
object-fit: cover
}
.min-height-180 img {
min-height: 180px;
max-height: 180px;
object-fit: cover
}
.min-height-200 img {
min-height: 200px;
max-height: 200px;
object-fit: cover
}
.min-height-150 img {
min-height: 150px;
max-height: 150px;
object-fit: cover
}
.min-height-325 img {
min-height: 325px;
max-height: 325px;
object-fit: cover
}
.min-height-170 img {
min-height: 170px;
max-height: 170px;
object-fit: cover
}
.min-height-185 img {
min-height: 185px;
max-height: 185px;
object-fit: cover
}
.min-height-132 img {
min-height: 132px;
max-height: 132px;
object-fit: cover
}
.min-height-117 img {
min-height: 117px;
max-height: 117px;
object-fit: cover
}
.min-height-220 img {
min-height: 220px;
max-height: 220px;
object-fit: cover
}
@media screen and (max-width:767px) {
.post__thumb.mb-90 {
width: 90px !important
}
.min-height-160 img {
min-height: 95px;
max-height: 95px
}
.min-height-100 img {
min-height: 70px;
max-height: 70px;
object-fit: cover
}
.mb-123 .min-height-160 img {
min-height: 123px;
max-height: 123px
}
.mb-123 .entry-author {
display: none
}
.min-height-386 img, .min-height-345 img, .min-height-180 img {
min-height: 250px;
max-height: 250px;
object-fit: cover
}
.mb-200 .min-height-160 img {
min-height: 200px;
max-height: 200px
}
.min-height-150 img {
min-height: 110px;
max-height: 110px;
object-fit: cover
}
.min-height-325 img {
min-height: 230px;
max-height: 230px;
object-fit: cover
}
.min-height-170 img {
min-height: 225px;
max-height: 225px;
object-fit: cover
}
.min-height-185 img {
min-height: 200px;
max-height: 200px;
object-fit: cover
}
.min-height-132 img {
min-height: 120px;
max-height: 120px;
object-fit: cover
}
.mb-200 .min-height-150 img {
min-height: 200px;
max-height: 200px;
object-fit: cover
}
}
/*移动端不显示模块*/
@media screen and (max-width:767px) {
.mobile_modular_no {
display: none
}
}
/*修复摘要有1行有2行时列表错位的问题*/
.post_list_70 {
min-height: 70px
}
.post_list_46 {
min-height: 46px
}
/*古藤堡编辑器 字号调整*/
.typography-copy p.has-medium-font-size {
line-height: 35px;
font-size: 20px
}
.typography-copy p.has-large-font-size {
line-height: 60px;
font-size: 36px
}
.typography-copy p.has-huge-font-size {
line-height: 70px;
font-size: 48px
}
/*relive_v3*/
.margin-top-0 {
margin-top: 0 !important
}
.margin-bottom-20 {
margin-bottom: 20px !important
}
.body_relive_v3 {
background-color: #f0f1f4
}
.relive_v3_background_white {
background-color: #fff
}
.relive_v3_bottom_0 {
margin-bottom: 0 !important
}
.relive_v3_bottom_20 {
margin-bottom: 20px
}
.relive_v3 {
position: relative;
margin-bottom: 20px;
padding: 20px;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%)
}
.category .relive_v3, .single .relive_v3, .search .relive_v3 {
border-radius: 0 0 4px 4px
}
.relive_widget_v3 {
position: relative;
margin-bottom: 20px;
padding: 15px;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%)
}
.relive_v3_main-col {
padding-right: 5px
}
.relive_v3 .category-tile__wrap {
margin-top: 10px
}
.entry-content ul li, .entry-content ol li {
font-size: 16px;
line-height: 30px
}
.relive_v3 .list-space-xl > * {
padding-top: 5px
}
.relive_v3 .list-space-xl.list-grid-3 {
padding: 0 10px;
display: inline-block
}
.relive_v3 .list-space-xl.list-grid-3 > * {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px
}
.col-md-3 .typescale-2 {
font-size: 16px
}
@media screen and (max-width:767px) {
.grid-gutter-4 .row--space-between > [class*="col-"], .grid-gutter-4.row--space-between > [class*="col-"] {
padding-bottom: 15px
}
}
/*cat banner*/
.relive_v3_background_white.cat_banner, .relive_v3_background_white.mnmd-block--fullwidth {
margin-bottom: 20px
}
.cat_banner {
display: table;
width: 100%;
padding: 0;
height: 300px;
background-size: cover !important;
margin-bottom: 40px
}
.cat_banner h2 {
font-size: 38px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
font-weight: 400;
position: absolute
}
.cat_banner .page-heading__subtitle p {
font-size: 15px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
position: absolute;
margin-top: 60px
}
.cat_banner::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: rgba(0,0,0,.24)
}
/*面包屑导航*/
.breadcrumb {
font-size: 13px
}
.breadcrumb a {
color: #666
}
.breadcrumb a:hover {
color: #fc3c2d
}
.relive_v3_15.mnmd-main-col .breadcrumb {
border-radius: 4px 4px 0 0;
color: #666;
margin-bottom: 1px;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0)
}
@media screen and (max-width:767px) {
.relive_v3_main-col, .relive_v3_15.mnmd-main-col {
padding-right: 15px
}
.mobile_no_sidebar {
display: none
}
/*手机端隐藏侧栏内容*/
.relive_v3 [class*="list-seperated"].list-space-md > * {
padding-top: 10px;
padding-bottom: 10px
}
.post--horizontal-sm .post__thumb, .post--horizontal .post__thumb {
margin: 0 15px 0px 0
}
}
/*首页幻灯片*/
#owl-banner button {
padding-left: 4px;
padding-right: 4px;
border: none
}
/*圆点*/
#owl-banner .owl-dots {
margin-top: -40px !important;
width: 100%;
left: 0;
margin: 0;
z-index: 100;
text-align: center
}
#owl-banner .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
#owl-banner .owl-dots .owl-dot span {
width: 7px;
height: 7px;
border-radius: 50%;
background: #fff;
display: inline-block;
opacity: .5;
}
#owl-banner .owl-dots .owl-dot.active span {
height: 10px;
width: 10px;
border-radius: 50%;
position: relative;
top: 1px;
opacity: 1;
background: #fff;
}
/*上一张 下一张*/
#owl-banner .owl-nav button {
width: 36px;
height: auto;
padding: 25px 0;
background: rgba(0,0,0,.4);
border-radius: 0;
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0,-50%) scale(1,1);
-moz-transform: translate(0,-50%) scale(1,1);
-ms-transform: translate(0,-50%) scale(1,1);
-o-transform: translate(0,-50%) scale(1,1);
transform: translate(0,-50%) scale(1,1);
-webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
-moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
transition: all .3s cubic-bezier(.23,1,.32,1) .1s;
position: absolute;
top: 50%;
border: none;
display: none
}
#owl-banner .owl-nav button:hover {
text-decoration: none;
opacity: 1;
filter: Alpha(Opacity=100)
}
#owl-banner .owl-nav button:hover {
width: 51px;
background: rgba(0,0,0,.6)
}
#owl-banner:hover .owl-nav button {
display: block
}
#owl-banner:hover .owl-nav.disabled {
display: block
}
#owl-banner .owl-nav.disabled .owl-prev {
left: 0
}
#owl-banner .owl-nav.disabled .owl-next {
right: 0
}
@media screen and (max-width:767px) {
#owl-banner:hover .owl-nav.disabled {
display: none
}
}
/*文章侧栏,作者模块*/
.widget.widget-author {
overflow: hidden;
display: block !important
}
#zuozhebg {
height: 125px;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
#zuozhebg img {
width: 100%;
height: 125px;
object-fit: cover
}
.article-newest {
margin-bottom: 0;
margin-top: 15px
}
.article-newest dt {
position: relative;
text-align: center;
margin-bottom: 15px
}
.article-newest dt .tit {
position: relative;
z-index: 2;
display: inline-block;
background: #f0f1f4;
padding: 0 8px;
font-size: 16px;
color: #333;
font-weight: 600
}
.article-newest dt::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #e9e9e9
}
.article-newest li {
text-align: left;
margin-top: 5px;
list-style: none
}
.article-newest li a {
display: inline-block;
width: 90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
line-height: 20px;
color: #333
}
.article-newest li a .icon-sanjiao {
margin-right: 4px;
font-size: 12px;
color: #bebebe
}
.box-author-info {
text-align: center;
margin-top: -40px;
position: relative
}
.box-author-info .author-face a {
color: #999
}
.box-author-info .author-face a:hover {
color: #3ca5f6
}
.box-author-info .author-face img {
width: 84px;
height: 84px;
border-radius: 50%;
overflow: hidden;
border: 4px solid rgba(255,255,255,.3);
transition: all 500ms
}
.box-author-info .author-face img:hover {
cursor: pointer;
transform: rotate(360deg)
}
.box-author-info .author-name {
font-size: 18px;
margin: 15px 0;
font-weight: 600
}
.author-name span, .user-name span {
background-color: #fc3c2d;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 1;
padding: 4px 5px 4px 5px;
vertical-align: 2px
}
.box-author-info .author-name a {
color: #555
}
.box-author-info .author-name a:hover {
color: #3ca5f6
}
.box-author-info .author-one {
color: #666;
font-size: 14px;
margin: 12px 0
}
.box-author-info .author-article-pl ul {
margin-bottom: 0
}
.box-author-info .author-article-pl ul li a {
color: #666
}
.box-author-info .author-article-pl ul li a:hover {
color: #333
}
.box-author-info .author-article-pl, .box-author-info .author-article-pl a {
color: #999
}
.box-author-info .author-article-pl ul li {
width: 30%;
display: inline-block
}
.article-newest li .order {
font-size: 13px;
display: inline-block;
vertical-align: top;
text-align: center;
width: 18px;
height: 18px;
background-color: #bebebe;
color: #fff;
border-radius: 2px;
margin-top: 1px
}
.article-newest li .order.od-1, .article-newest li .order.od-2, .article-newest li .order.od-3 {
background-color: #ec4141
}
.relive_widget_v3 #zuozhebg {
margin: -15px
}
.relive_widget_v3 .article-newest dt .tit {
background: #fff
}
/*公告弹出层*/
#xintheme-notice {
display: none
}
.md-container {
position: relative;
top: 30%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
margin: 0 auto
}
.md-show .md-container, .home .md-show-home .md-container {
visibility: visible
}
.md-show-home {
display: none
}
.home .md-show-home {
display: block
}
.md-content {
width: 90%;
color: #fff;
background: #35a785;
position: relative;
border-radius: 3px;
margin: 0 auto
}
.md-content h3 {
letter-spacing: 2px;
margin: 0;
padding: .8em;
text-align: center;
font-size: 24px;
font-weight: 400;
background: rgba(0,0,0,.1);
border-radius: 3px 3px 0 0
}
.md-content > div {
padding: 15px 30px 30px;
margin: 0;
font-weight: 300;
font-size: 1.15em
}
.md-content > div p {
margin: 0;
padding: 10px 0
}
.md-content > div ul {
margin: 0;
padding: 0 0 30px 20px
}
.md-content > div ul li {
padding: 5px 0
}
.md-content button {
display: block;
margin: 0 0 0 auto;
font-size: .8em
}
.pop-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: inherit;
background: rgba(0,0,0,.7);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiSAMAAG8AaYLq42UAAAAASUVORK5CYII=);
z-index: 88
}
.md-close {
border: none;
padding: 5px 20px 5px 20px;
background: #303030;
color: #fff;
font-size: 1em;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
border-radius: 2px
}
.md-show, .md-show-home {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
outline: 0
}
.archive .md-show-home, .single .md-show-home, .page .md-show-home {
display: none !important
}
@media screen and (max-width:767px) {
.md-content > div {
font-size: 16px;
line-height: 25px;
padding: 10px 20px 20px
}
}
/*加载动画*/
.fadeIn-1 {
-webkit-animation: fadeInDown .3s;
animation: fadeInDown .3s
}
@keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0,-20%,0);
-webkit-transform: translate3d(0,-20%,0);
transform: translate3d(0,-20%,0);
transform: translate3d(0,-20%,0);
opacity: 0
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0,-20%,0);
opacity: 0
}
100% {
-webkit-transform: none;
opacity: 1
}
}
.fadeIn-2 {
-webkit-animation: fadelogIn-2 .4s;
animation: fadelogIn-2 .4s
}
@keyframes fadelogIn-2 {
0% {
-webkit-transform: translate3d(0,100%,0);
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadelogIn-2 {
0% {
-webkit-transform: translate3d(0,100%,0)
}
100% {
-webkit-transform: none
}
}
.fadeIn-3 {
-webkit-animation: fadeleftIn-3 .4s;
animation: fadeleftIn-3 .4s
}
@keyframes fadeleftIn-3 {
0% {
-webkit-transform: translate3d(100%,0,0);
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeleftIn-3 {
0% {
-webkit-transform: translate3d(100%,0,0)
}
100% {
-webkit-transform: none
}
}
.fadeIn-4 {
-webkit-animation: fadeleftIn .4s;
animation: fadeleftIn .4s;
-webkit-animation-name: popIn-4;
animation-name: popIn-4
}
@-webkit-keyframes popIn-4 {
0% {
-webkit-transform: scale3d(0,0,0);
transform: scale3d(.5,.5,.5);
opacity: 0
}
50% {
-webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715);
animation-timing-function: cubic-bezier(.47,0,.745,.715)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-animation-timing-function: cubic-bezier(.25,.46,.45,.94);
animation-timing-function: cubic-bezier(.25,.46,.45,.94);
opacity: 1
}
}
@keyframes popIn-4 {
0% {
-webkit-transform: scale3d(0,0,0);
transform: scale3d(.5,.5,.5);
opacity: 0
}
50% {
-webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715);
animation-timing-function: cubic-bezier(.47,0,.745,.715)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-animation-timing-function: cubic-bezier(.25,.46,.45,.94);
animation-timing-function: cubic-bezier(.25,.46,.45,.94);
opacity: 1
}
}
/*美化文章倒计时*/
.post_countdown {
margin-bottom: 1.6em
}
.post_countdown .countdown__section {
display: inline-block;
min-width: 60px;
margin: 0 5px;
text-align: center
}
.post_countdown .countdown__digit {
font-size: 32px
}
.typography-copy .post_countdown h3 {
font-weight: 400;
color: #fff;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.post_countdown .typescale-4 i {
font-size: 32px !important
}
@media screen and (max-width:767px) {
.post_countdown .countdown__digit {
font-size: 26px
}
.post_countdown .mnmd-countdown__inner {
padding-top: 20px
}
.typography-copy .post_countdown h3 {
margin-bottom: 1.2em
}
.post_countdown .typescale-4 i {
font-size: 20px !important
}
}
/*文章分页*/
#page-links {
margin: 10px 0 40px;
display: inline-block;
width: 100%;
text-align: center
}
#page-links .post-page-numbers.current {
background: #FC3C2D;
color: #fff
}
#page-links .post-page-numbers {
display: inline-block;
min-width: 34px;
height: 34px;
margin: 3px;
padding: 0 4px;
border-radius: 3px;
background: #f5f5f5;
color: rgba(0,0,0,.8);
font-size: 12px;
line-height: 34px;
text-align: center;
text-decoration: none !important;
text-transform: uppercase
}
#page-links a.post-page-numbers:hover {
background: #ddd;
color: rgba(0,0,0,.8)
}
/*手机端底部菜单*/
#mobile_btn {
display: none
}
@media screen and (max-width:767px) {
.action header.site-header {
transform: translate(0,-100%);
transition: transform .5s,background-color .5s ease-out
}
header.site-header {
transform: translate(0,0);
transition: transform .5s,background-color .5s ease-out;
box-sizing: border-box;
display: block;
position: fixed !important;
z-index: 98;
top: 0;
right: 0;
left: 0
}
.action.up header.site-header {
transform: translate(0,0);
transition: transform .5s,background-color .5s ease-out
}
.up .mobile_btn {
transform: translate(0,100%);
transition: transform .5s,background-color .5s ease-out
}
.mobile_btn {
transform: translate(0);
transition: transform .5s,background-color .5s ease-out;
box-sizing: border-box
}
#mobile_btn {
display: block;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 99999;
text-align: center;
background-color: #fff;
box-shadow: 0 -1px 3px 0 rgb(26 26 26 / 10%);
}
#mobile_btn nav img {
width: 20px;
height: 20px;
margin-top: 8px
}
#mobile_btn nav a {
color: #333;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
#mobile_btn nav span {
font-size: 14px;
color: #333;
padding-bottom: 5px
}
#mobile_btn .btn-flexbox {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 1px solid rgb(0 0 0 / 3%)
}
#mobile_btn .btn-flexbox:last-child {
border-right: none
}
#mobile_btn nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mobile-foot-fancybox {
padding: 30px !important;
text-align: center !important
}
}
/*时间轴文章列表*/
.timeaxis-list {
margin-top: 15px;
margin-bottom: 0;
padding-left: 20px;
border-left: 1px dashed #dadada
}
.timeaxis-list-item {
position: relative;
top: -10px;
padding-bottom: 40px;
color: #a8a8a8
}
.timeaxis-node-diamond {
position: absolute;
left: -25.5px;
width: 10px;
height: 10px;
border: 2px solid #f13b03;
background-color: #fff;
top: 10px;
border-radius: 50%
}
.timeaxis-list-item .timeaxis-node-card {
width: 100%
}
.timeaxis-list-item .timeaxis-node_time {
margin-bottom: 15px;
font-size: 14px;
color: #f13b03
}
.timeaxis-list-item .timeaxis-node_title {
margin-bottom: 16px;
font-size: 19px;
color: #333;
font-weight: 700
}
.timeaxis-list-item .timeaxis-node_excerpt {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
word-wrap: break-word;
color: #3a3a3a
}
.timeaxis-list-item:last-child {
padding-bottom: 0
}
.timeaxis-list-item .iconfont.icon-fenxiang {
font-size: 14px !important;
padding-right: 5px
}
.timeaxis-list-item a {
color: #444
}
.timeaxis-list-item a:hover {
color: #f13b03
}
.timeaxis-list-item a span {
font-size: 14px
}
/*展开阅读全文*/
.expand-content {
height: 430px;
overflow: hidden
}
.expand-all {
text-align: center;
width: 100%;
background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
padding-bottom: 26px;
position: relative;
padding-top: 160px;
margin-top: -160px;
font-size: 16px;
cursor: pointer
}
.expand-all svg {
height: 20px;
width: 10px;
margin-left: 5px;
vertical-align: text-bottom
}
/*其他优化修复*/
@media screen and (max-width:768px) {
.user-footer {
float: left;
width: 100%
}
.row--space-between .col-md-3.grid-4:nth-child(1), .row--space-between .col-md-3.grid-4:nth-child(3) {
padding-right: 15px
}
.row--space-between .col-md-3.grid-4:nth-child(2), .row--space-between .col-md-3.grid-4:nth-child(4) {
padding-left: 15px
}
}
.relive_v3 .list-space-xl.home-list-14 {
padding-top: 15px;
padding-bottom: 10px
}
.relive_v3 .list-space-xl.home-list-14 .list-item {
padding-bottom: 15px
}
/*标签云样式*/
ul.colorful-categories {
margin: 0
}
ul.colorful-categories:after {
display: block;
content: '';
clear: both
}
ul.colorful-categories li {
margin: 2px 4px 0 0;
padding: 7px 5px 7px 0;
list-style: none;
float: left;
background-image: none;
border-width: 0;
width: auto
}
#content-sidebar ul.colorful-categories li a, ul.colorful-categories li a {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 8px;
padding: 4px 8px;
color: #fff;
text-decoration: none;
font-size: 12px
}
.colorful-categories li a sup {
font-weight: 700
}
/*收藏按钮*/
i.shoucang {
margin-right: .2em;
font-size: 20px !important;
vertical-align: middle
}
/*前端投稿 全屏编辑 被导航栏遮住*/
.mce-fullscreen .mce-toolbar-grp > div {
margin-top: 60px
}
/** --------------------------------------------------------------------------------- *
* 列表样式优化
* --------------------------------------------------------------------------------- */
/* 列表样式-6, 列表样式-8 */
.category-list-style-6 .relive_v3,
.category-list-style-8 .relive_v3 {
padding-left: 10px;
padding-right: 10px
}
.category-list-style-6 .relive_v3 .list-space-xl,
.category-list-style-8 .relive_v3 .list-space-xl {
margin-top: 0;
display: inline-block;
margin-bottom: 20px
}
.category-list-style-6 .relive_v3 .list-space-xl > *,
.category-list-style-8 .relive_v3 .list-space-xl > * {
padding-left: 10px;
padding-right: 10px
}
/* 列表样式-7 */
.category-list-style-7 .relive_v3 .list-space-xl {
margin-top: -5px
}
/** --------------------------------------------------------------------------------- *
* 右侧悬浮 客服工具
* --------------------------------------------------------------------------------- */
.slide-bar {
position: fixed;
width: 50px;
right: 20px;
bottom: 10%;
z-index: 9;
background-color: #fff;
border-radius: 2px
}
.slide-bar p {
padding: 0;
margin: 0;
font-size: 12px;
line-height: 1.2;
color: #fff
}
.slide-bar a:focus {
color: #fff
}
.slide-bar .slide-bar__item {
width: 50px;
height: 50px;
text-align: center;
position: relative;
cursor: pointer;
color: #333;
display: block;
line-height: 1.8;
border: 1px solid transparent;
border-top: 1px solid #f0f1f4
}
.slide-bar .slide-bar__item:last-child {
border-bottom: none
}
.slide-bar .slide-bar__item:hover {
border: 1px solid rgba(0,0,0,.2)
}
.slide-bar .slide-bar__item:hover + .slide-bar__item {
border-top: 1px solid transparent
}
.slide-bar .slide-bar__item:hover .slide-bar__item__ercode, .slide-bar__item:hover .slide-bar__item__tips {
visibility: visible;
left: -137px;
opacity: 1
}
.slide-bar .slide-bar__item:hover .slide-bar__item__img {
visibility: visible;
left: -130px;
opacity: 1
}
.slide-bar .slide-bar__item__top {
display: block;
line-height: 50px;
font-size: 24px;
font-weight: 700
}
.slide-bar .slide-bar__item__icon {
display: block;
font-size: 16px;
padding-top: 8px
}
.slide-bar img.slide-bar__item__icon {
width: 16px;
height: auto;
margin: 0 auto
}
.slide-bar .slide-bar__item__text {
display: block;
height: 20px;
font-size: 12px
}
.slide-bar .slide-bar__item__tips {
width: 130px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
position: absolute;
z-index: 1;
left: -180px;
color: #333;
top: 0;
opacity: 0;
visibility: hidden;
background-color: #fff;
-webkit-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
-o-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
border: 1px solid rgba(0,0,0,.2)
}
.slide-bar .slide-bar__item__tips:after {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-left: 6px solid #999;
right: -6px;
content: "";
height: 0;
position: absolute;
top: 20px;
width: 0;
z-index: 1
}
.slide-bar .slide-bar__item__img {
width: 123px;
text-align: center;
font-size: 14px;
position: absolute;
z-index: 1;
left: -180px;
color: #fff;
bottom: 0;
opacity: 0;
visibility: hidden;
background: 0 0;
-webkit-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
-o-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
border: 1px solid #e7e7e7
}
.slide-bar .slide-bar__item__img:after {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-left: 6px solid #e7e7e7;
right: -6px;
content: "";
height: 0;
position: absolute;
bottom: 20px;
width: 0;
z-index: 1
}
.slide-bar .slide-bar__item.js-go-top-el {
display: none
}
.slide-bar .slide-bar__item.js-go-top-el.is-active {
display: block
}
.slide-bar .slide-bar-title_none img.slide-bar__item__icon {
width: 25px
}
.slide-bar .slide-bar-title_none .slide-bar__item__icon {
padding-top: 12px
}
@media screen and (max-width:767px) {
.slide-bar .slide-bar__item, .slide-bar .slide-bar__item__tips {
display: none
}
.slide-bar .slide-bar__item.scrollup {
display: block;
width: 40px;
height: 40px
}
.slide-bar .slide-bar__item__top {
line-height: 38px
}
.slide-bar {
width: 40px;
background-color: #fff;
right: 5px
}
.slide-bar .js-go-top-el {
width: 40px;
right: 0;
height: 40px;
color: #333;
border-top: none
}
}
/** --------------------------------------------------------------------------------- *
* 右侧小工具
* --------------------------------------------------------------------------------- */
/*标签云小工具*/
ul.colorful-categories li .tag-item {
color: #555;
border: 1px solid #e9e9e9
}
/*广告图片*/
.widget-img-box {
margin-bottom: 20px
}
.widget-img-box img {
border-radius: 5px
}
/*热门文章*/
.hot-articles .hot-panel-heading h4 {
margin: 0;
font-size: 18px;
font-size: 1.28rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
margin-bottom: 15px
}
.hot-articles .hot-panel-heading .hot-tabs-menu {
float: right;
cursor: pointer;
font-weight: 400;
color: #999
}
.hot-articles .hot-panel-heading .hot-tabs-menu li {
position: relative;
display: inline-block;
font-size: 15px;
font-size: 1.1rem;
color: #999;
font-weight: 400;
cursor: pointer
}
.hot-articles .hot-panel-heading .hot-tabs-menu li.active {
color: #ec4141
}
.hot-articles .hot-panel-heading .hot-tabs-menu li:after {
content: '';
position: absolute;
border-right: 1px solid #f0f1f4;
height: 16px;
left: -4.5px;
top: 50%;
margin-top: -8px
}
.hot-articles .hot-panel-heading .hot-tabs-menu li:first-child:after {
display: none
}
.hot-panel-body ol {
list-style-type: none;
margin: 0
}
.hot-panel-body ol li {
max-width: 100%;
margin-bottom: 15px;
position: relative;
counter-increment: c
}
.hot-panel-body ol li:last-child {
margin-bottom: 0
}
.hot-panel-body ol li:before {
content: counter(c);
position: absolute;
margin-right: 3px;
top: 2px;
left: 0;
color: #fff;
font-size: 12px;
background-color: #ec4141;
border-radius: 2px;
width: 18px;
height: 18px;
vertical-align: top;
text-align: center
}
.hot-panel-body ol li:nth-child(1n+4):before {
background-color: #bebebe
}
.hot-panel-body ol li a {
font-size: 14px;
font-size: 1rem;
width: 90%;
color: #333;
line-height: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
transition: none;
vertical-align: middle;
margin-left: 25px
}
/*最新评论*/
.str_wrap {
overflow: hidden;
width: 100%;
font-size: 12px;
line-height: 16px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
white-space: nowrap
}
.str_move {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
cursor: move
}
.str_move_clone {
display: inline-block;
vertical-align: top;
position: absolute;
left: 100%;
top: 0
}
.str_vertical .str_move_clone {
left: 0;
top: 100%
}
.str_down .str_move_clone {
left: 0;
bottom: 100%
}
.str_down .str_move, .str_vertical .str_move {
white-space: normal;
width: 100%
}
.noStop .str_move, .no_drag .str_move, .str_static .str_move {
cursor: inherit
}
#comment-wall-wrapper {
max-height: 600px;
height: 600px;
overflow: hidden
}
.widget-comment-list {
margin: 0;
list-style-type: none
}
.widget-comment-list > li {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #efefef
}
.widget-comment-list > li:first-child {
border-top: none;
padding-top: 0
}
.widget-comment-list > li .media-left {
padding-right: 10px
}
.widget-comment-list > li .media-body {
color: #999;
vertical-align: middle
}
.widget-comment-list > li .media-body span {
color: #333;
font-weight: 600;
font-size: 14px
}
.widget-comment-list > li .avatar {
width: 35px;
height: 35px;
display: inline-block;
object-fit: cover
}
.widget-comment-list > li .avatar img {
border-radius: 100%
}
.widget-comment-list > li .author-header > small {
font-size: 12px;
color: #bebebe;
line-height: 17px
}
.widget-comment-list > li .comment-content {
font-size: 14px;
font-size: 1rem;
padding: 10px;
background-color: #f6f6f6;
margin-top: 13px;
position: relative
}
.widget-comment-list > li .comment-content:before {
content: '';
position: absolute;
border: 5px solid transparent;
border-bottom-color: #f6f6f6;
top: -10px;
left: 20px
}
.widget-comment-list > li .comment-content > a {
color: #999;
font-size: 14px;
font-size: 1rem;
position: relative;
line-height: 22px;
max-height: 66px;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.widget-comment-list > li .comment-content .article-refer {
width: 100%;
margin-top: 3px;
border-radius: 5px
}
.widget-comment-list > li .comment-content .article-refer a {
padding: 5px 5px;
width: 100%;
display: table;
table-layout: fixed;
overflow: hidden;
background-color: #fff;
transition: all .3s cubic-bezier(.25,.1,.25,1)
}
.widget-comment-list > li .comment-content .article-refer a > div {
display: table-cell;
vertical-align: middle
}
.widget-comment-list > li .comment-content .article-refer a .img-box {
width: 48px;
padding-right: 10px
}
.widget-comment-list > li .comment-content .article-refer a .img-box > img {
display: block;
width: 38px;
height: 38px
}
.widget-comment-list > li .comment-content .article-refer a p {
margin-bottom: 0;
font-size: 12px;
position: relative;
line-height: 19px;
max-height: 38px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .3s cubic-bezier(.25,.1,.25,1)
}
.widget-comment-list > li .comment-content .article-refer a:hover p {
color: #666
}
.widget-comment-list > li .article-refer {
font-size: 13px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 10px;
color: #999
}
.widget-comment-list > li .article-refer a {
color: #999;
font-size: 13px
}
.widget-comment-list > li .article-refer a:focus, .widget-comment-list > li .article-refer a:hover {
color: #ec4141
}
/** --------------------------------------------------------------------------------- *
* 专题页面
* --------------------------------------------------------------------------------- */
.cat-banner-type-3 {
background: #fff;
margin-bottom: 20px
}
.topic-wrapper .row {
margin-right: -10px;
margin-left: -10px
}
.topic-wrapper .row .col-md-6 {
padding-right: 10px;
padding-left: 10px
}
.topic-list .topic .top .media-body h4 a,
.topic-list .topic ul li a {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis
}
.topic-list .topic {
border-radius: 3px;
position: relative;
background: #fff;
padding: 20px;
margin-bottom: 20px;
height: 287px;
transition: box-shadow .4s ease 0s
}
.topic-list .topic .mobile-topic-hold {
display: none
}
.topic-list .topic:hover {
box-shadow: 0 2px 14px rgba(0,0,0,.15)
}
.topic-list .topic .topic-cover {
display: inline-block;
border-radius: 2px;
overflow: hidden;
position: relative
}
.topic-list .topic .topic-cover:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all .3s ease 0s;
background-color: transparent;
background-color: rgba(255,255,255,0);
zoom: 1
}
.topic-list .topic .topic-cover:hover:after {
background-color: transparent;
background-color: rgba(255,255,255,.15);
zoom: 1
}
.topic-list .topic .topic-cover img {
max-width: none;
object-fit: cover;
float: left;
width: 200px;
height: 125px
}
.topic-list .topic .top {
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9
}
.topic-list .topic .top .media-left {
padding-right: 20px;
font-size: 0;
line-height: 1
}
.topic-list .topic .top .media-body {
position: relative
}
.topic-list .topic .top .media-body h4 {
margin-top: 0;
letter-spacing: 0;
line-height: 18px;
font-weight: 600
}
.topic-list .topic .top .media-body h4 a {
font-size: 18px;
display: inline-block;
white-space: nowrap;
color: #333;
}
.topic-list .topic .top .media-body h4 a:focus,
.topic-list .topic .top .media-body h4 a:hover {
text-decoration: none;
color: #ec4141
}
.topic-list .topic .top .media-body p {
font-size: 13px;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
color: #bebebe;
line-height: 20px;
height: 40px;
overflow: hidden;
margin-bottom: 17px
}
.topic-list .topic .top .media-body .topic-info {
position: absolute;
bottom: 0;
width: 100%;
font-size: 0;
line-height: 1;
}
.topic-list .topic .top .media-body .topic-info > div {
font-weight: 600;
display: inline-block;
font-size: 13px;
text-align: center;
color: #bebebe;
margin-left: 32px
}
.topic-list .topic .top .media-body .topic-info > div:first-child {
margin-left: 0
}
.topic-list .topic .top .media-body .topic-info .count {
font-size: 18px;
margin-bottom: 5px;
color: #f27a7a
}
.topic-list .topic .top .media-body .topic-info .more {
font-size: 13px;
float: right;
color: #666;
margin-top: 12px
}
.topic-list .topic .top .media-body .topic-info .more .iconfont {
display: inline-block;
width: 13px;
vertical-align: middle;
position: relative;
top: -1px
}
.topic-list .topic .top .media-body .topic-info .more:focus,
.topic-list .topic .top .media-body .topic-info .more:hover {
text-decoration: none;
color: #ec4141
}
.topic-list .topic ul {
padding-inline-start: 20px;
margin: 19px 0 0;
color: #999;
list-style-type: square;
list-style-position: outside
}
.topic-list .topic ul li {
margin-top: 15px;
white-space: nowrap
}
.topic-list .topic ul li:first-child {
margin-top: 0
}
.topic-list .topic ul li a {
font-size: 14px;
color: #999;
transition: color .3s cubic-bezier(.25,.1,.25,1)
}
.topic-list .topic ul li a:focus, .topic-list .topic ul li a:hover {
text-decoration: none;
color: #ec4141
}
.topic-detail .topic {
height: auto;
background: 0 0;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0;
padding-right: 0
}
.topic-detail .topic:hover {
box-shadow: none
}
.topic-detail .topic .topic-cover img {
width: 260px;
height: 163px
}
.topic-detail .topic .top {
border-bottom: none;
padding-bottom: 0
}
.topic-detail .topic .top .media-body h4 {
line-height: 1;
margin-bottom: 10px
}
.topic-detail .topic .top .media-body h4 a {
width: 100%;
font-size: 24px
}
.topic-detail .topic .top .media-body h4 a:hover {
color: #333
}
.topic-detail .topic .top .media-body:after {
content: '';
position: absolute;
width: 100%;
border-top: 1px solid #f0f1f4;
bottom: 60px
}
.topic-wrapper .load-more {
background: #fff;
border-color: transparent
}
.topic-wrapper .load-more:focus, .topic-wrapper .load-more:hover {
border-color: #f6a0a0
}
.topic-wrapper .load-more.disabled:focus, .topic-wrapper .load-more.disabled:hover {
border-color: transparent
}
.topic-wrapper .topic-list-tit {
display: none
}
@media screen and (max-width:995px) {
.topic-detail .topic:hover, .topic-list .topic:hover {
box-shadow: none
}
.topic-wrapper {
padding-bottom: 15px;
margin-bottom: 10px;
background: #fff
}
.topic-wrapper .topic-list-tit {
display: block;
margin-top: 10px;
margin-bottom: 0;
padding: 0 15px;
background: #fff
}
.topic-wrapper .topic-list-tit h2 {
margin: 0;
border-bottom: 1px solid #f0f1f4;
font-size: 16px;
line-height: 46px;
color: #333;
font-weight: 500
}
.topic-wrapper .load-more {
width: auto;
margin: 15px 15px 0 !important;
background: #fff;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 2px;
transition: all .3s cubic-bezier(.25,.1,.25,1);
color: #f34040
}
.topic-wrapper .load-more:focus, .topic-wrapper .load-more:hover {
border: 1px solid #ddd;
color: #f34040
}
.topic-wrapper .load-more.disabled, .topic-wrapper .load-more.disabled:focus, .topic-wrapper .load-more.disabled:hover, .topic-wrapper .load-more.disabled:visited {
border: 1px solid #ddd;
color: #bebebe
}
.topic-list {
background: #fff;
padding: 10px;
border-radius: 4px
}
.topic-list .col-xs-6 {
padding-left: 3px;
padding-right: 3px
}
.topic-list .topic {
position: relative;
background: #fff;
padding: 15px 0 0;
margin-bottom: 0;
height: auto !important;
transition: box-shadow 0s ease 0s
}
.topic-list .topic .mobile-topic-hold {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 22
}
.topic-list .topic .topic-cover {
width: 100%;
border-radius: 0;
height: auto;
overflow: hidden
}
.topic-list .topic .topic-cover:after {
display: none
}
.topic-list .topic .topic-cover img {
float: left;
width: 100%;
height: auto
}
.topic-list .col-md-6 .topic .topic-cover img {
float: left;
width: 100%;
height: auto;
height: auto;
height: -moz-calc((100vw - (15px + 15px +6px)) *106/2/170)
}
.topic-list .topic .top {
display: block;
padding-bottom: 0;
border-bottom: none
}
.topic-list .topic .top .media-left {
display: block;
padding-right: 0;
font-size: 0;
line-height: 1
}
.topic-list .topic .top .media-body {
margin-top: 5px;
display: block;
position: relative;
width: 100%
}
.topic-list .topic .top .media-body h4 {
margin-bottom: 0;
line-height: 23px;
height: 46px;
overflow: hidden
}
.topic-list .topic .top .media-body h4 a {
font-size: 14px;
display: block;
width: auto;
text-overflow: inherit;
white-space: inherit;
color: #333
}
.topic-list .topic .top .media-body .topic-info {
display: none
}
.cat-banner-type-3 {
background: #fff0;
margin-bottom: 6px;
margin-top: 6px
}
.topic-list .topic .top .media-body p {
margin-bottom: 0;
font-size: 14px
}
.topic-list .topic .top .media-body h4 a:focus, .topic-list .topic .top .media-body h4 a:hover, .topic-list .topic .top .media-body h4 a:visited {
text-decoration: none;
color: #333
}
.topic-detail .topic {
height: auto;
margin-top: 0;
padding: 0;
background: #fff
}
.topic-detail .topic .top {
padding-bottom: 0
}
.topic-detail .topic .top .media-body {
margin-top: 0
}
.topic-detail .topic .top .media-body h4 {
line-height: 46px;
margin-bottom: 0;
height: 47px
}
.topic-detail .topic .top .media-body h4 a {
width: 100%;
font-size: 16px;
color: #333;
font-weight: 500;
border-bottom: 1px solid #e9e9e9
}
.topic-detail .topic .top .media-body h4 a:hover {
color: #333
}
.topic-detail .topic .top .media-body:after {
content: '';
position: absolute;
width: 100%;
border-top: 1px solid #e9e9e9;
bottom: 60px;
display: none
}
.topic-detail-content .article-list {
padding-bottom: 0 !important
}
.topic-detail-content .topic-detail-opt {
font-size: 0;
padding-bottom: 15px
}
.topic-wrapper .topic-list {
margin: 0;
padding: 0
}
.topic-wrapper .topic-list .topic {
padding-top: 10px
}
.topic-wrapper .topic-list .topic .top .media-body h4 {
height: auto;
margin: 5px 0
}
.topic-wrapper .topic-list .topic .top .media-body h4 a {
font-size: 18px
}
.topic-wrapper .topic-list .topic .top .media-body p {
height: auto
}
.topic-wrapper .row .col-md-6 {
border-bottom: 1px solid rgba(0,0,0,.05);
padding-bottom: 13px;
margin-bottom: 7px
}
.topic-wrapper .row .col-md-6:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0
}
.topic-wrapper .topic-list .topic ul {
margin-top: 15px;
list-style-type: none;
padding-inline-start: 0
}
.topic-wrapper .topic-list .topic ul li:first-child {
margin-top: 0
}
.topic-wrapper .topic-list .topic ul li {
margin-top: 10px
}
.topic-wrapper .topic-list .topic ul li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1
}
}
/** --------------------------------------------------------------------------------- *
* 网址导航
* --------------------------------------------------------------------------------- */
.site-nav-wrapper .col-lg-2 {
padding-right: 5px
}
.site-nav-left {
position: relative;
padding: 15px;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%)
}
.site-nav-left ul {
margin: 0;
list-style-type: decimal;
padding-left: 1.2em
}
.site-nav-left ul li {
color: #788190
}
.site-nav-left ul li a {
cursor: pointer;
width: 100%;
border-bottom: 1px solid #f1f1f1;
font-size: 14px;
padding: 10px 0;
display: inline-block;
color: #6a7485;
font-weight: 500;
transition: none
}
.site-nav-left ul li:last-child a {
border-bottom: none;
padding-bottom: 0
}
.site-nav-left ul li:first-child a {
padding-top: 0
}
.site-nav-left ul li.current a, .site-nav-left ul li.current::marker {
color: #fc3c2d
}
.site-nav-part {
width: 100%;
display: inline-block;
margin-bottom: 20px;
position: relative;
padding: 15px;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%)
}
.site-nav-part .nav-part-title {
padding-bottom: 10px;
border-bottom: 1px solid #f1f4f9;
color: #6b7386;
font-size: 18px;
font-weight: 600;
margin: 0 8px
}
.site-nav-part .item {
position: relative;
margin-top: 15px;
border: 1px solid #f1f4f9;
margin-right: -8px;
margin-left: -8px;
border-radius: 3px
}
.site-nav-part .item span svg {
position: absolute;
right: 15px;
top: 13px;
color: #6b7386;
font-size: 16px;
border: 1px solid #6b7386;
border-radius: 50%;
width: 18px;
height: 18px;
text-align: center;
padding: 1px;
opacity: .6;
cursor: pointer
}
.site-nav-part .item .item-links {
transition: all .32s ease-in-out;
display: block;
width: 100%;
box-sizing: border-box;
padding: 8px 15px
}
.site-nav-part .item .item-links:hover {
background: #f8fbfc;
box-shadow: 0 5px 28px 0 rgba(65,106,123,.2);
border-radius: 3px
}
.site-nav-part .item .item-links img {
margin-right: 8px;
box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
float: left;
width: 32px;
height: 32px;
border-radius: 100%
}
.site-nav-part .item .item-links h3 {
padding-right: 15px;
font-weight: 400;
color: #6b7386;
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
margin-top: 3px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.site-nav-part .item .item-links p {
min-height: 38px;
color: #abb0bd;
font-size: 13px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0
}
.site-nav-part .item .item-links:hover h3 {
opacity: 1
}
.site-nav-part .item .item-links:hover p {
color: #abb0bd
}
@media screen and (max-width:767px) {
.site-nav-left {
margin-bottom: 10px
}
.site-nav-part {
padding: 10px 0;
margin-bottom: 10px
}
.site-nav-wrapper .col-lg-2 {
padding-right: 15px
}
}
/** --------------------------------------------------------------------------------- *
* 页脚样式-3
* --------------------------------------------------------------------------------- */
/*友情链接*/
.box-friendlink {
position: relative;
z-index: 1;
padding: 40px 0 0;
color: #9b9b9b
}
.box-friendlink h3 {
margin: 0;
font-size: 17px;
font-weight: 600
}
.friendlink {
padding: 20px 0 20px 0;
overflow: hidden;
line-height: 32px;
border-bottom: 1px solid rgba(255,255,255,.06)
}
.friendlink a, .friendlink a:visited {
display: inline-block;
margin-right: 20px;
font-size: 14px;
color: #9b9b9b
}
.friendlink a:hover {
color: #ee5b2e
}
/*页脚样式*/
.footer {
position: relative;
}
@media screen and (max-width:767px) {
.site-footer__section--flex .site-footer__section-left {
padding-bottom: 0
}
}
/** --------------------------------------------------------------------------------- *
* 文章页面侧栏悬浮按钮
* --------------------------------------------------------------------------------- */
.realtime-suspended-panel {
position: fixed;
margin-left: -3.5rem;
top: 14rem
}
.realtime-suspended-panel .iconfont {
text-align: center;
display: block;
line-height: 2.5rem;
color: #b5b5b5
}
.realtime-suspended-panel .iconfont.icon-zan1 {
font-size: 19px !important
}
.realtime-suspended-panel .iconfont.icon-collection,
.realtime-suspended-panel .iconfont.icon-collection_fill {
font-size: 20px !important
}
.realtime-suspended-panel .iconfont.icon-pinglun {
font-size: 15px !important
}
.realtime-suspended-panel .panel-btn {
display: block;
position: relative;
margin-bottom: .6rem;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);
cursor: pointer
}
.realtime-suspended-panel .panel-btn.with-badge:after {
content: attr(badge);
position: absolute;
top: 0;
left: 75%;
padding: .1rem .4rem;
font-size: 1rem;
text-align: center;
line-height: 1;
white-space: nowrap;
color: #fff;
background-color: #b9b9b9;
border-radius: .7rem;
transform-origin: left top;
transform: scale(.75)
}
.realtime-suspended-panel .share-title {
margin: 2rem 0 1rem;
font-size: .9rem;
text-align: center;
color: #c6c6c6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#single-share-qrcode {
width: 335px;
text-align: center
}
#single-share-qrcode p {
margin-top: 5px;
margin-bottom: 0
}
@media screen and (max-width:767px) {
.article-suspended-panel {
display: none
}
}
/** --------------------------------------------------------------------------------- *
* 手机端整体间距优化
* --------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
.mobile_no_sidebar {
display: none
}
.site-content {
padding-top: 60px !important;
padding-bottom: 0
}
.home .site-content {
padding-top: 50px !important
}
.single-entry-section {
margin-top: 15px
}
.mnmd-sub-col {
padding-top: 15px
}
.widget-img-box {
margin-bottom: 15px
}
.container {
/*padding-right: 6px;
padding-left: 6px*/
}
.container .relive_v3 {
padding: 10px;
display: inline-block;
margin-bottom: 15px
}
.single .container .relive_v3 {
display: block
}
.mnmd-block {
margin-bottom: 15px
}
.relive_v3_bottom_20 {
margin-bottom: 15px
}
.xintheme-ad {
margin-bottom: 15px
}
.relive_widget_v3 {
margin-bottom: 15px
}
#owl-banner .owl-dots {
padding-bottom: 15px
}
.archive [class*=list-seperated].list-space-md {
margin-top: -10px;
margin-bottom: -10px
}
.relive_v3_background_white.cat_banner,
.relive_v3_background_white.mnmd-block--fullwidth {
margin-bottom: 10px
}
.site-footer__section--flex .site-footer__section-right {
margin-top: 10px
}
.full-modular-24 .row--space-between {
margin-bottom: -5px
}
[class*=list-seperated].list-space-md.posts-list {
margin-bottom: -10px
}
body.action .site-footer__section {
padding-bottom: 60px
}
}
/** --------------------------------------------------------------------------------- *
* 文章格式美化
* --------------------------------------------------------------------------------- */
.entry-content h2 {
padding-bottom: 10px;
font-size: 24px;
border-bottom: 1px solid #ececec
}
.entry-content a {
text-decoration: none;
color: #3a3a3a;
border-bottom: 1px solid #fcc1bf
}
.entry-content a:active, .entry-content a:hover {
color: #fc3c2d
}
.has-text-align-center {
text-align: center !important
}
.blocks-gallery-grid {
padding: 0 !important
}
.wp-block-image figcaption {
text-align: center
}