@charset "UTF-8";
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//respect-mag.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.circular-large {
width: 300px;
height: 300px;
margin: 0 auto; border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.circular-medium§ {
width: 150px;
height: 150px;
margin: 0 auto; border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.circular-small {
width: 100px;
height: 100px;
margin: 0 auto; border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
box-shadow: 0 0 4px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//respect-mag.com/wp-content/themes/respect3/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//respect-mag.com/wp-content/themes/respect3/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//respect-mag.com/wp-content/themes/respect3/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//respect-mag.com/wp-content/themes/respect3/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//respect-mag.com/wp-content/themes/respect3/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//respect-mag.com/wp-content/themes/respect3/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}
   * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
button,
input,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
body {
height: 100%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: #3a3939;
background-color: #f6f5f4;
line-height: 1;
margin: 0;
}
a {
color: #3a3939;
text-decoration: none;
-webkit-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
a:focus,
a:active,
.no-touch a:hover {
outline: 0;
}
.no-touch a:hover {
color: #ff6600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #3a3939;
}
h1 {
font-size: 36px;
font-size: 3.6rem;
line-height: 38px;
line-height: 3.8rem;
margin: 20px 0 30px;
margin: 2rem 0 3rem;
}
h2 {
font-size: 30px;
font-size: 3rem;
line-height: 35px;
line-height: 3.5rem;
margin: 28px 0 38px;
margin: 2.8rem 0 3.8rem;
}
h3 {
font-size: 28px;
font-size: 2.8rem;
line-height: 35px;
line-height: 3.5rem;
margin: 27px 0 37px;
margin: 2.7rem 0 3.7rem;
}
h4 {
font-size: 26px;
font-size: 2.6rem;
line-height: 35px;
line-height: 3.5rem;
margin: 26px 0;
margin: 2.6rem 0;
}
h5 {
font-size: 20px;
font-size: 2rem;
line-height: 35px;
line-height: 3.5rem;
margin: 25px 0;
margin: 2.5rem 0;
}
h6 {
font-size: 22px;
font-size: 2.2rem;
line-height: 35px;
line-height: 3.5rem;
margin: 24px 0;
margin: 2.4rem 0;
}
address {
font-style: italic;
margin: 0 0 24px;
margin: 0 0 2.4rem;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
mark {
background: #edece8;
color: #3a3939;
}
p {
margin: 0 0 24px;
margin: 0 0 2.4rem;
}
code,
kbd,
pre,
samp {
font-family: Courier, monospace, serif;
font-size: 15px;
font-size: 1.5rem;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #fdf9eb;
color: #988b70;
font-size: 15px;
font-size: 1.5rem;
margin: 47px 0;
margin: 4.7rem 0;
overflow: auto;
padding: 15px 35px;
padding: 1.5rem 3.5rem;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
border: 1px solid #f1ead4;
border-radius: 2px;
-webkit-border-radius: 2px;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote {
margin: 35px 33px;
margin: 3.5rem 3.3rem;
padding-left: 26px;
padding-left: 2.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 28px;
line-height: 2.8rem;
font-weight: normal;
border-left: 8px solid #edece8;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite,
blockquote small,
.quote-caption {
font-size: 11px;
font-size: 1.1rem;
font-weight: normal;
text-transform: uppercase;
}
small {
font-size: smaller;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
margin: 0 2rem;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 20px;
margin: 0 0 2rem;
}
menu,
ol,
ul {
margin: 24px 0;
margin: 2.4rem 0;
padding: 0 0 0 40px;
padding: 0 0 0 4rem;
}
ul {
list-style-type: square;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #edece8;
margin: 0 2px;
margin: 0 0.2rem;
padding: 10px 20px;
padding: 1rem 2rem;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
input,
textarea {
background: transparent;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield; padding-right: 2px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
table-layout: fixed;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
vertical-align: top;
}
caption {
font-size: 13px;
font-size: 1.3rem;
margin: 20px 0;
margin: 2rem 0;
}
th {
font-weight: 700;
}
td {
padding: 0;
}
del {
color: #3a3939;
}
ins {
background: rgba(236, 236, 236, 0.5);
text-decoration: none;
}
hr {
background: #edece8;
border: 0;
height: 1px;
overflow: hidden;
margin: 0 0 24px;
margin: 0 0 2.4rem;
} @font-face {
font-family: outspoken;
src: url(//respect-mag.com/wp-content/themes/respect3/fonts/outspoken.eot?) format("eot"), url(//respect-mag.com/wp-content/themes/respect3/fonts/outspoken.woff) format("woff"), url(//respect-mag.com/wp-content/themes/respect3/fonts/outspoken.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} .clear:after,
.format-audio .entry-media:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-body:after {
clear: both;
}
.clear:before,
.clear:after,
.format-audio .entry-media:before,
.format-audio .entry-media:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
} .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
background-color: #fff;
border: 2px solid #edece8;
border-radius: 3px;
clip: auto !important;
display: block;
font-size: 11px;
font-size: 1.1rem;
padding: 12px;
padding: 1.2rem;
position: absolute;
top: 5px;
left: 5px; z-index: 100000;
} button,
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
border: 1px solid #edece8;
padding: 15px 10px;
padding: 1.5rem 1rem;
border-radius: 2px;
-webkit-border-radius: 2px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
color: #3a3939;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
font-weight: 400;
-webkit-appearance: none;
box-shadow: 0 0 0 4px rgba(236, 236, 236, 0.3);
-webkit-box-shadow: 0 0 0 4px rgba(236, 236, 236, 0.3);
-moz-box-shadow: 0 0 0 4px rgba(236, 236, 236, 0.3);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #ff6600;
outline: 0;
box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.07);
-webkit-box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.07);
-moz-box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.07);
} button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
display: inline-block;
padding: 0;
line-height: 50px;
line-height: 5rem;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
background-color: rgba(236, 236, 236, 0.5);
border: 1px solid #edece8;
color: #7b7976;
text-decoration: none;
cursor: pointer;
border-radius: 2px;
-webkit-border-radius: 2px;
outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.no-touch button:hover,
button:focus,
.no-touch input[type="submit"]:hover,
.no-touch input[type="button"]:hover,
.no-touch input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background-color: #ff6600;
color: #fff;
border-color: #ff6600;
}
.post-password-required form label {
display: inline-block;
margin-top: 5px;
margin-top: 0.5rem;
}
.post-password-required input[type="password"] {
margin-left: 10px;
margin-left: 1rem;
}
.post-password-required input[type="submit"] {
display: none;
} ::-webkit-input-placeholder {
color: #b2afab;
}
:-moz-placeholder {
color: #b2afab;
}
::-moz-placeholder {
color: #b2afab;
}
:-ms-input-placeholder {
color: #b2afab;
} .entry-content img,
.entry-summary img,
.comment-content img,
.wp-caption {
max-width: 100%;
}
.widget img {
max-width: 100%;
} .entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image,
.entry-thumbnail img {
height: auto;
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} .entry-content .twitter-tweet-rendered {
max-width: 100% !important;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 10px 20px 10px 0;
margin: 1rem 2rem 1rem 0;
}
.wp-caption.alignleft {
margin: 10px 10px 10px 0;
margin: 1rem 1rem 1rem 0;
}
img.alignright {
margin: 10px 0 10px 20px;
margin: 1rem 0 1rem 2rem;
}
.wp-caption.alignright {
margin: 10px 0 10px 10px;
margin: 1rem 0 1rem 1rem;
}
img.aligncenter,
img.alignnone {
margin: 10px auto;
margin: 1rem auto;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
margin: 5px 0 24px;
margin: 0.5rem 0 2.4rem;
font-size: 13px;
font-size: 1.3rem;
color: #b2afab;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.hidden {
display: none;
}
.outspoken-error {
padding: 63px 0;
padding: 6.3rem 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 16px;
line-height: 1.6rem;
background: #fdf9eb;
color: #988b70;
text-align: center;
border: 1px solid #f1ead4;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.outspoken_js {
display: none;
}
.widget .outspoken-error a {
color: #988b70;
border-bottom: 1px solid;
}
.no-touch .widget .outspoken-error a:hover {
color: #ff6600;
}
.no-touch .widget_wpshower_index_videos .content span img:hover,
.no-touch a img:hover {
opacity: 0.8;
} #page {
position: relative;
min-height: 100%;
max-width: 1192px;
min-width: 320px;
width: 100%;
padding: 0 40px;
margin: 0 auto;
background: #fff;
}
#primary {
float: left;
width: 70.323741007%;
padding-top: 20px;
padding-top: 2rem;
}
.csscalc #primary {
width: -moz-calc(100% - 330px);
width: -webkit-calc(100% - 330px);
width: calc(100% - 330px);
}
body #primary.full-width-page,
body.content-full-width #primary {
width: 100%;
}
#tertiary {
float: right;
width: 26.978417266%;
padding-top: 20px;
padding-top: 2rem;
}
.csscalc #tertiary {
width: 300px;
}
body.content-right #primary {
float: right;
}
body.content-right #tertiary {
float: left;
}
#main:after {
content: "";
display: block;
clear: both;
}  .site-header .searchform {
display: block;
position: relative;
max-height: 0;
overflow: hidden;
}
.site-header .searchform .icon {
display: none;
}
.site-header .searchform [type="text"] {
width: 100%;
padding: 18px 0 18px 20px;
padding: 1.8rem 0 1.8rem 2rem;
background: #3a3939;
font-size: 30px;
font-size: 3rem;
font-weight: 200;
line-height: 40px;
line-height: 4rem;
color: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.site-header .searchform [type="text"]:focus {
outline: 0;
}
.site-header .searchform input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.site-header .searchform input:-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.site-header .searchform input::-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.site-header .searchform input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.searchform [type="submit"] {
display: none;
}
#site-header-container:after {
content: '';
display: block;
clear: both;
}
.site-title {
margin: 8px 0 20px;
margin: 0.8rem 0 2rem;
}
#header-banner {
max-width: 100%;
margin: 0 0 12px 20px;
margin: 0 0 1.2rem 2rem;
text-align: center;
}
#header-banner * {
max-width: 100%;
height: auto;
}
.home-link {
display: inline-block;
max-width: 100%;
}
.home-link img {
max-width: 100%;
}
.home-link h1 {
display: inline;
margin: 0;
font-size: 40px;
font-size: 4rem;
line-height: 42px;
line-height: 4.2rem;
}
.home-link h2 {
margin: 2px 0 0;
margin: 0.2rem 0 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
color: #7b7976;
font-weight: normal;
}
#menu-banner {
max-width: 100%;
margin-top: 12px;
margin-top: 1.2rem;
text-align: center;
}
#menu-banner > * {
max-width: 100%;
height: auto;
} .navbar {
width: 100%;
margin-bottom: 12px;
margin-bottom: 1.2rem;
background: #f5f4f1;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
.navbar:after {
content: '';
display: block;
clear: both;
}
body.no-top-menu #masthead {
padding-top: 12px;
padding-top: 1.2rem;
}
#search-toggle {
position: relative;
float: right;
padding: 10px 15px 0 0;
padding: 1rem 1.5rem 0 0;
overflow: hidden;
text-align: right;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#search-toggle .icon {
font-family: outspoken;
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
line-height: 2rem;
color: #7b7671;
cursor: pointer;
}
#search-toggle .social {
padding-right: 5px;
padding-right: 0.5rem;
font-family: outspoken;
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
line-height: 2rem;
}
#search-toggle .social a {
color: #7b7671;
}
#search-toggle .social a:hover {
color: #ff6600;
}
#search-toggle .pointer {
position: absolute;
top: -50px;
right: 15px;
right: 1.5rem;
border-top: 10px solid #3a3939;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
#search-toggle .pointer.hover {
top: -6px !important;
} #site-navigation a {
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
line-height: 13px;
line-height: 1.3rem;
color: #7b7671;
vertical-align: top;
}
#site-navigation > div ul {
margin: 0;
padding: 0;
}
.menu-toggle {
display: none;
} #section-navigation {
clear: both;
z-index: 100;
}
#section-navigation.floating {
position: fixed;
background: #fff;
max-width: 1112px;
border-bottom: none;
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
#section-navigation ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#section-navigation a {
color: #3a3939;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.no-touch #section-navigation a:hover {
color: #ff6600;
} #content {
margin-bottom: 0px;
margin-bottom: 0rem;
}
.hentry {
word-wrap: break-word;
}
body.single .hentry,
body.page .hentry {
margin-bottom: 50px;
margin-bottom: 5rem;
}
body.home .hentry,
body.archive .hentry,
body.search .hentry {
margin-bottom: 15px;
margin-bottom: 1.5rem;
padding-bottom: 15px;
padding-bottom: 1.5rem;
border-bottom: 1px dotted #edece8;
}
body.single #content .widget-area {
margin-bottom: 50px;
margin-bottom: 5rem;
}
body.single .entry-content,
body.page .entry-content {
font-size: 15px;
font-size: 1.5rem;
line-height: 26px;
line-height: 2.6rem;
}
body.archive .entry-content,
body.search .entry-content,
.entry-summary,
.entry-media {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
color: #7b7976;
}
.entry-content a,
.entry-summary a,
.page-content a {
color: #3a3939;
border-bottom: 1px solid rgba(58, 57, 57, 0.4);
}
.no-touch .entry-content a:hover,
.no-touch .entry-summary a:hover,
.no-touch .page-content a:hover {
color: #ff6600;
border-bottom-color: rgba(255, 102, 0, 0.4);
}
.entry-content a.image_link,
.entry-summary a.image_link {
border-bottom: none;
}
.entry-content table,
.entry-summary table {
margin: 55px 0 45px;
margin: 5.5rem 0 4.5rem;
}
.entry-content th,
.entry-summary th {
padding: 3px 0;
padding: 0.3rem 0;
border-bottom: 3px solid #edece8;
}
.entry-content td,
.entry-summary td {
padding: 3px 0;
padding: 0.3rem 0;
border-bottom: 1px dotted #edece8;
}
.entry-content li,
.entry-summary li {
margin-bottom: 5px;
margin-bottom: 0.5rem;
}
body.archive article:after,
body.search article:after {
content: '';
display: block;
clear: both;
}
.tags-links {
margin-top: 30px;
margin-top: 3rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 34px;
line-height: 3.4rem;
font-weight: 700;
}
.entry-content .tags-links a {
display: inline-block;
margin: 0 3px 5px;
margin: 0 0.3rem 0.5rem;
padding: 0 8px;
padding: 0 0.8rem;
line-height: 31px;
line-height: 3.1rem;
font-weight: normal;
color: #b2afab;
border: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch .entry-content .tags-links a:hover {
color: #fff;
background: #ff6600;
border-color: #ff6600;
}
.article-wrapper {
max-width: 1060px;
margin: 0 auto;
} .outspoken-gallery {
position: relative;
margin-top: 14px;
margin-top: 1.4rem;
overflow: hidden;
}
.widget-area .outspoken-gallery {
margin: 0 0 60px;
margin: 0 0 6rem;
}
.entry-media .outspoken-gallery {
margin-top: 0;
}
.hentry .outspoken-gallery {
margin: 0 0 14px;
margin: 0 0 1.4rem;
}
.outspoken-gallery li {
position: relative;
}
.outspoken-gallery * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.outspoken-gallery a {
-webkit-tap-highlight-color: transparent;
}
.outspoken-gallery article > a {
display: block;
height: 0;
padding-bottom: 66.666666667%;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#slider.outspoken-gallery article > a {
background-size: 100%;
}
.outspoken-gallery .meta {
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: 700;
color: #fff;
}
.outspoken-gallery .meta a {
color: #fff;
}
.no-touch .outspoken-gallery .meta a:hover {
color: #ff6600;
}
.outspoken-gallery h2 {
margin: 3px 0 0;
margin: 0.3rem 0 0;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
font-weight: 700;
}
.outspoken-gallery h2 a {
color: #fff;
}
.no-touch .outspoken-gallery h2 a:hover {
color: #ff6600;
}
.outspoken-gallery .prev,
.outspoken-gallery .next {
position: absolute;
top: 50%;
width: 30px;
width: 3rem;
height: 60px;
height: 6rem;
line-height: 60px;
line-height: 6rem;
margin-top: -43px;
margin-top: -4.3rem;
background: rgba(0, 0, 0, 0.4);
font-family: outspoken;
font-size: 11px;
font-size: 1.1rem;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 9;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
body.wpshower-masonry #primary .outspoken-gallery .prev,
body.wpshower-masonry #primary .outspoken-gallery .next {
width: 24px;
width: 2.4rem;
height: 64px;
height: 6.4rem;
background: rgba(0, 0, 0, 0.7);
line-height: 64px;
line-height: 6.4rem;
margin-top: -32px;
margin-top: -3.2rem;
font-size: 10px;
font-size: 1rem;
}
body.wpshower-blog .full_width_bullets {
display: none;
}
.no-touch .outspoken-gallery .prev:hover,
.no-touch .outspoken-gallery .next:hover {
background: #ff6600;
}
.outspoken-gallery .prev {
left: 30px;
left: 3rem;
}
.outspoken-gallery .next {
right: 30px;
right: 3rem;
}
.outspoken-gallery .expand,
#outspoken-gallery-contract {
position: absolute;
top: 30px;
top: 3rem;
right: 30px;
right: 3rem;
width: 30px;
width: 3rem;
height: 30px;
height: 3rem;
line-height: 30px;
line-height: 3rem;
background: rgba(0, 0, 0, 0.4);
font-family: outspoken;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 9;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#outspoken-gallery-contract {
top: 20px;
top: 2rem;
right: 20px;
right: 2rem;
}
.no-touch .outspoken-gallery .expand:hover,
.no-touch #outspoken-gallery-contract:hover {
background: #ff6600;
}
#outspoken-gallery-fullscreen {
display: none;
position: fixed;
z-index: 1000000;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 0;
background: #fff;
}
#outspoken-gallery-fullscreen .outspoken-gallery {
height: 100%;
margin-top: 0;
}
#outspoken-gallery-fullscreen .slides,
#outspoken-gallery-fullscreen .slides li {
height: 100%;
}
#outspoken-gallery-fullscreen .slides article {
height: 100%;
padding: 50px 100px;
padding: 5rem 10rem;
}
#outspoken-gallery-fullscreen .outspoken-gallery article > a {
height: 100%;
padding-bottom: 0;
}
#outspoken-gallery-fullscreen .expand {
display: none;
}
#outspoken-gallery-fullscreen .prev {
position: fixed;
left: 20px;
left: 2rem;
}
#outspoken-gallery-fullscreen .next {
position: fixed;
right: 20px;
right: 2rem;
}
#outspoken-gallery-fullscreen .info {
max-width: -moz-calc(100% - 120px);
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
left: 20px;
left: 2rem;
bottom: 20px;
bottom: 2rem;
padding: 0;
background: transparent;
}
#outspoken-gallery-fullscreen .meta {
font-weight: 400;
color: #3a3939;
}
#outspoken-gallery-fullscreen .meta a {
color: #3a3939;
}
#outspoken-gallery-fullscreen .meta a:hover {
color: #ff6600;
}
#outspoken-gallery-of {
position: absolute;
z-index: 1000001;
right: 20px;
right: 2rem;
bottom: 20px;
bottom: 2rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
background: #fff;
}
body.wpshower-masonry #primary .outspoken-gallery .next {
right: 20px;
right: 2rem;
}
body.wpshower-masonry #primary .outspoken-gallery .prev {
left: 20px;
left: 2rem;
}
.slides {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.slides > li {
display: none;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
border-bottom: none !important;
}
.slides > li:first-child {
display: block;
} body.archive .entry-thumbnail,
body.search .entry-thumbnail {
float: left;
width: 47.945205479%;
}
body.archive .entry-column,
body.search .entry-column {
float: right;
width: 47.945205479%;
}
body.archive .entry-column.no_thumbnail,
body.search .entry-column.no_thumbnail {
float: none;
width: 100%;
}
.entry-thumbnail img {
display: block;
width: 100%;
}
body.single .entry-title {
margin: 1px 0 10px;
margin: 0.1rem 0 1rem;
font-size: 30px;
font-size: 3rem;
line-height: 36px;
line-height: 3.6rem;
font-weight: 700;
color: #3a3939;
}
body.archive .entry-title,
body.search .entry-title {
clear: none;
margin: 1px 0 0;
margin: 0.1rem 0 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
font-weight: 700;
color: #3a3939;
}
body.page .entry-header {
margin: 0 0 16px;
margin: 0 0 1.6rem;
}
body.page .entry-title {
margin: 0;
padding: 3px 0;
padding: 0.3rem 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 34px;
line-height: 3.4rem;
color: #3a3939;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
} body.single .entry-meta-top {
margin: -6px 0 0;
margin: -0.6rem 0 0;
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
line-height: 26px;
line-height: 2.6rem;
color: #b2afab;
}
body.single .entry-meta-top a {
color: #b2afab;
}
.no-touch body.single .entry-meta-top a:hover {
color: #ff6600;
}
body.archive .entry-meta-top,
body.search .entry-meta-top {
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: 700;
color: #b2afab;
}
body.archive .entry-meta-top a,
body.search .entry-meta-top a {
color: #b2afab;
}
.no-touch body.archive .entry-meta-top a:hover,
.no-touch body.search .entry-meta-top a:hover {
color: #ff6600;
}
body.single .entry-meta {
margin-bottom: 20px;
margin-bottom: 2rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 26px;
line-height: 2.6rem;
font-weight: normal;
color: #b2afab;
}
body.single .entry-meta > span {
margin-right: 9px;
margin-right: 0.9rem;
}
body.single .entry-meta a {
color: #b2afab;
}
.no-touch body.single .entry-meta a:hover,
.no-touch body.single .entry-meta:hover a:hover {
color: #ff6600;
}
body.single .entry-meta .separator {
opacity: 0.4;
}
body.archive .entry-meta,
body.search .entry-meta {
margin: 7px 0 13px;
margin: 0.7rem 0 1.3rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
color: #b2afab;
}
body.archive .entry-meta > span,
body.search .entry-meta > span {
margin-right: 5px;
margin-right: 0.5rem;
}
body.archive .entry-meta a,
body.search .entry-meta a {
color: #b2afab;
}
.no-touch body.archive .entry-meta a:hover,
.no-touch body.archive .entry-meta:hover a:hover,
.no-touch body.search .entry-meta a:hover,
.no-touch body.search .entry-meta:hover a:hover {
color: #ff6600;
}
body.archive .entry-meta .separator,
body.search .entry-meta .separator {
opacity: 0.4;
}
body.page .entry-meta {
margin-top: 24px;
margin-top: 2.4rem;
} .share {
margin-top: 24px;
margin-top: 2.4rem;
padding-bottom: 10px;
padding-bottom: 1rem;
border-top: 1px dotted #edece8;
border-bottom: 1px solid #edece8;
}
.share:after {
content: '';
display: block;
clear: both;
}
.share > div {
float: left;
padding-top: 12px;
padding-top: 1.2rem;
}
.share > .text {
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
padding-right: 8px;
padding-right: 0.8rem;
font-weight: bold;
}
.share > div.fb {
padding-right: 32px;
}
.share > div.fb iframe {
max-width: none;
} .share-side {
position: absolute;
top: 0;
left: -50px;
width: 35px;
border-top: 20px solid transparent;
}
.share-side.floating {
position: fixed;
}
.share-side-helper {
position: absolute;
top: 0;
left: -50px;
width: 35px;
height: 1px;
}
.share-side > a {
display: block;
margin-bottom: 6px;
font-family: outspoken;
font-size: 15px;
line-height: 33px;
color: #b2afab;
background: #fff;
text-align: center;
border: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.no-touch .share-side > a:hover {
color: #ff6600;
}
.share-side > div {
position: relative;
width: 35px;
}
.share-side > div .share-content {
padding-left: 2px;
font-family: outspoken;
font-size: 15px;
line-height: 33px;
color: #b2afab;
background: #fff;
text-align: center;
border: 1px solid #edece8;
cursor: default;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.share-side > div .share-links {
display: none;
position: absolute;
top: 0;
left: 100%;
padding: 14px;
background: #fff;
z-index: 1000;
border: 1px solid #edece8;
border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
.share-side > div .share-links .border-fix {
position: absolute;
top: 0;
left: -2px;
width: 2px;
height: 33px;
overflow: hidden;
background: #fff;
}
.share-side > div .share-links a {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 13px;
font-size: 1.3rem;
line-height: 23px;
line-height: 2.3rem;
white-space: nowrap;
border-bottom: 1px dotted #edece8;
}
.share-side > div .share-links a:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.share-side > div .share-links a span {
display: inline-block;
width: 20px;
width: 2rem;
height: 20px;
height: 2rem;
line-height: 21px;
line-height: 2.1rem;
margin: 2px 10px 0 0;
margin: 0.2rem 1rem 0 0;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
vertical-align: top;
color: #fff;
background: #3a3939;
font-family: outspoken;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.no-touch .share-side > div .share-links a:hover span {
background: #ff6600;
}
.no-touch .share-side > div:hover .share-content,
.share-side > div.hover .share-content {
color: #ff6600;
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.no-touch .share-side > div:hover .share-links,
.share-side > div.hover .share-links {
display: block;
} .entry-content > p:last-child,
.entry-summary > p:last-child,
.summary > p:last-child {
margin-bottom: 0;
}
.entry-content a.more-link:before {
content: '';
display: block;
height: 24px;
height: 2.4rem;
clear: both;
}
.entry-content a.more-link {
font-weight: 700;
} .page-links {
margin-top: 35px;
margin-top: 3.5rem;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
margin-right: 20px;
margin-right: 2rem;
} #main .mejs-container.mejs-audio {
background: none;
height: 50px !important;
}
#main .entry-audio-thumbnail .mejs-container {
position: absolute;
bottom: 0;
}
#main .mejs-container .mejs-controls {
height: 50px;
background: rgba(0, 0, 0, 0.7);
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-container.mejs-video .mejs-controls,
#main .entry-audio-thumbnail .mejs-container .mejs-controls {
position: absolute;
right: 12px;
left: 12px;
bottom: 8px;
width: auto;
}
body.single #main .mejs-container.mejs-video .mejs-controls,
body.single #main .entry-audio-thumbnail .mejs-container .mejs-controls {
right: 20px;
left: 20px;
bottom: 20px;
}
#main .mejs-container .mejs-button {
width: 45px;
height: 50px;
}
#main .mejs-controls .mejs-button button {
width: 35px;
height: 36px;
}
#main .mejs-controls .mejs-play button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-play.svg) 50% 50% no-repeat;
background-size: 15px;
}
#main .mejs-controls .mejs-pause button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-pause.svg) 50% 50% no-repeat;
background-size: 15px;
}
#main .mejs-controls .mejs-mute button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-mute.svg) 50% 50% no-repeat;
background-size: 20px;
}
#main .mejs-controls .mejs-unmute button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-volume.svg) 50% 50% no-repeat;
background-size: 20px;
}
#main .mejs-controls .mejs-fullscreen-button button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-fullscreen.svg) 50% 50% no-repeat;
background-size: 15px;
}
#main .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button {
background: url(//respect-mag.com/wp-content/themes/respect3/images/player-unfullscreen.svg) 50% 50% no-repeat;
background-size: 15px;
}
#main .mejs-controls div.mejs-time-rail {
height: 34px;
padding-top: 16px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-loaded {
height: 8px;
background: #000;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-current {
height: 8px;
background: #ff6600;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-total {
height: 8px;
background: #000;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-buffering {
height: 8px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-float {
top: -40px;
width: 54px;
height: 29px;
margin-left: -30px;
border: none;
background: #000;
color: #fff;
font-size: 13px;
line-height: 14px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 52px;
margin-top: 8px;
}
#main .mejs-controls .mejs-time-rail .mejs-time-float-corner {
top: 29px;
left: 23px;
border-top-color: #000;
}
#main .mejs-currenttime-container,
#main .mejs-duration-container,
#main .mejs-horizontal-volume-slider,
#main .mejs-overlay-play {
width: 1px;
height: 1px;
overflow: hidden;
}
#main .mejs-controls .mejs-volume-button .mejs-volume-slider {
top: -110px;
background: #000;
width: 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-volume-button .mejs-volume-slider:after {
content: '';
display: block;
position: absolute;
top: 115px;
left: 15px;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #000;
border-color: #000 transparent transparent transparent;
border-radius: 0;
-webkit-border-radius: 0;
}
#main .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,
#main .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
width: 18px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#main .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
height: 0;
}
#main .me-cannotplay {
display: inline;
}
#main .me-cannotplay span {
padding: 0;
}
#main .me-cannotplay a {
color: #ff6600;
} .archives-template ul {
list-style-type: none;
padding: 0;
}
.archives-template ul:after {
content: '';
display: block;
clear: both;
}
.archives-template li {
margin-bottom: 0;
color: #7b7976;
}
.archives-template .children {
padding-left: 20px;
padding-left: 2rem;
}
.archives-template .children li {
float: none;
width: 100%;
margin: 0;
} .sitemap ul {
list-style-type: none;
padding: 0;
}
.sitemap li {
margin-bottom: 0;
color: #7b7976;
} .entry-content .tags .group {
float: left;
width: 47.945205479%;
}
.entry-content .tags .group:nth-child(2) {
float: right;
}
.entry-content .tags .column div {
color: #7b7976;
} #contact-us {
margin-top: 19px;
margin-top: 1.9rem;
}
#contact-us .input {
padding: 9px 4px;
padding: 0.9rem 0.4rem;
}
#contact-us .input input,
#contact-us .input textarea {
width: 100%;
}
#contact-us .error {
padding-bottom: 9px;
padding-bottom: 0.9rem;
color: #ff6600;
font-size: 13px;
font-size: 1.3rem;
line-height: 16px;
line-height: 1.6rem;
}
#contact-us .submit {
padding-top: 5px;
padding-top: 0.5rem;
}
#contact-us .submit input {
width: 350px;
width: 35rem;
} .portfolio-content:after {
content: '';
display: block;
clear: both;
}
.portfolio-item {
float: left;
}
.portfolio-content .portfolio-item {
width: 47.945205479%;
margin-bottom: 70px;
margin-bottom: 7rem;
}
.portfolio-content .portfolio-item:nth-child(even) {
float: right;
}
.portfolio-item img {
width: 100%;
}
.portfolio-item .meta {
margin-top: 16px;
margin-top: 1.6rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 22px;
line-height: 2.2rem;
font-weight: 700;
color: #b2afab;
}
.portfolio-item h1 {
margin: 8px 0 10px;
margin: 0.8rem 0 1rem;
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
line-height: 2.8rem;
font-weight: 700;
}
.portfolio-item .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 21px;
line-height: 2.1rem;
} .portfolio-single:after {
content: '';
display: block;
clear: both;
}
.portfolio-gallery {
float: left;
width: 58.45323741%;
}
.portfolio-gallery img {
width: 100%;
margin-bottom: 30px;
margin-bottom: 3rem;
}
.portfolio-info {
float: right;
width: 38.848920863%;
}
.portfolio-info h1 {
margin: 0 0 19px;
margin: 0 0 1.9rem;
font-size: 42px;
font-size: 4.2rem;
line-height: 48px;
line-height: 4.8rem;
font-weight: normal;
color: #3a3939;
}
.portfolio-info .meta {
margin-bottom: 14px;
margin-bottom: 1.4rem;
color: #b2afab;
}
.portfolio-info .meta span {
margin-right: 7px;
margin-right: 0.7rem;
}
.portfolio-info .meta a {
color: #b2afab;
}
.no-touch .portfolio-info .meta a:hover {
color: #ff6600;
}
.portfolio-info .category {
margin-bottom: 28px;
margin-bottom: 2.8rem;
color: #b2afab;
}
.portfolio-info .category span {
color: #3a3939;
}
.portfolio-info .description {
padding-bottom: 8px;
padding-bottom: 0.8rem;
margin-bottom: 6px;
margin-bottom: 0.6rem;
border-bottom: 1px solid #edece8;
color: #3a3939;
}
.portfolio-info .description-content {
padding-bottom: 8px;
padding-bottom: 0.8rem;
margin-bottom: 6px;
margin-bottom: 0.6rem;
border-bottom: 1px solid #edece8;
}
.portfolio-info .description-content span {
color: #3a3939;
}
.portfolio-info .description-content p {
margin-bottom: 4px;
margin-bottom: 0.4rem;
}
.portfolio-info .site {
display: inline-block;
margin-top: 24px;
margin-top: 2.4rem;
padding: 0 70px;
padding: 0 7rem;
line-height: 50px;
line-height: 5rem;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
background-color: rgba(236, 236, 236, 0.5);
border: 1px solid #edece8;
color: #7b7976;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch .portfolio-info .site:hover {
background-color: #ff6600;
color: #fff;
border-color: #ff6600;
} body.wpshower-blog .hentry {
margin-bottom: 15px;
margin-bottom: 1.5rem;
padding-bottom: 70px;
padding-bottom: 7rem;
border-bottom: 1px dotted #edece8;
}
body.wpshower-blog .entry-meta-top {
font-size: 13px;
font-size: 1.3rem;
line-height: 23px;
line-height: 2.3rem;
font-weight: 700;
color: #b2afab;
}
body.wpshower-blog .entry-meta-top a {
color: #b2afab;
}
.no-touch body.wpshower-blog .entry-meta-top a:hover {
color: #ff6600;
}
body.wpshower-blog .entry-title {
clear: none;
margin: 0 0 8px;
margin: 0 0 0.8rem;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
font-weight: 700;
color: #3a3939;
}
body.wpshower-blog .entry-meta {
margin-bottom: 18px;
margin-bottom: 1.8rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
color: #b2afab;
}
body.wpshower-blog .entry-meta > span {
margin-right: 5px;
margin-right: 0.5rem;
}
body.wpshower-blog .entry-meta a {
color: #b2afab;
}
.no-touch body.wpshower-blog .entry-meta a:hover,
.no-touch body.wpshower-blog .entry-meta:hover a:hover {
color: #ff6600;
}
body.wpshower-blog .entry-meta .separator {
opacity: 0.4;
}
body.wpshower-blog .entry-content {
font-size: 15px;
font-size: 1.5rem;
line-height: 26px;
line-height: 2.6rem;
} .masonry-sizer {
width: 47.945205479%;
}
.masonry-sizer.not-loaded {
display: none !important;
}
.masonry-gutter {
width: 4.109589041%;
}
body.content-full-width .masonry-sizer {
width: 31.474820144%;
}
body.content-full-width .masonry-gutter {
width: 2.787769784%;
}
body.wpshower-masonry .hentry {
margin-bottom: 15px;
margin-bottom: 1.5rem;
padding-bottom: 40px;
padding-bottom: 4rem;
border-bottom: 1px dotted #edece8;
}
body.wpshower-masonry .entry-thumbnail {
margin-bottom: 10px;
margin-bottom: 1rem;
}
body.wpshower-masonry .entry-meta-top {
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: 700;
color: #b2afab;
}
body.wpshower-masonry .entry-meta-top a {
color: #b2afab;
}
.no-touch body.wpshower-masonry .entry-meta-top a:hover {
color: #ff6600;
}
body.wpshower-masonry .entry-title {
clear: none;
margin: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
font-weight: 700;
color: #3a3939;
}
body.wpshower-masonry .entry-meta {
margin-top: 7px;
margin-top: 0.7rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
color: #b2afab;
}
body.wpshower-masonry .entry-meta > span {
margin-right: 5px;
margin-right: 0.5rem;
}
body.wpshower-masonry .entry-meta a {
color: #b2afab;
}
.no-touch body.wpshower-masonry .entry-meta a:hover,
.no-touch body.wpshower-masonry .entry-meta:hover a:hover {
color: #ff6600;
}
body.wpshower-masonry .entry-meta .separator {
opacity: 0.4;
}
body.wpshower-masonry .entry-summary {
margin-top: 10px;
margin-top: 1rem;
}
body.wpshower-masonry #main .navigation {
margin-top: 40px;
margin-top: 4rem;
} .unspoken-twocol-one {
width: 48%;
float: left;
margin: 0 4% 15px 0;
position: relative;
}
.unspoken-twocol-one.last {
clear: right;
margin-right: 0 !important;
}
.unspoken-fourcol-one {
width: 22%;
float: left;
margin: 0 4% 15px 0;
position: relative;
}
.unspoken-fourcol-one.last {
clear: right;
margin-right: 0 !important;
}  .template-gallery .fancybox {
float: left;
width: 21.917808219%;
margin-bottom: 4.109589041%;
}
.template-gallery .fancybox:nth-child(4n+1),
.template-gallery .fancybox:nth-child(4n+2),
.template-gallery .fancybox:nth-child(4n+3) {
margin-right: 4.109589041%;
}
.template-gallery:after {
content: '';
display: block;
clear: both;
}
.no-touch .template-gallery a:hover {
border-bottom: none;
}
.template-gallery img {
width: 100%;
} .entry-media {
position: relative;
max-width: 1112px;
width: 100%;
margin-top: 14px;
margin-top: 1.4rem;
}
.hentry .entry-media {
margin: 0 0 10px;
margin: 0 0 1rem;
}
.entry-media > *,
.entry-media img {
display: block;
margin: 0 auto 10px;
margin: 0 auto 1rem;
width: 100%;
}
.entry-media > *:last-child,
.entry-media p:last-child,
.entry-media .no-margin {
margin-bottom: 0;
}
.entry-media .cropped {
height: 0;
background-size: 100%;
background-position: 0 50%;
} .format-audio .wp-audio-shortcode { max-width: 100% !important;
background: none;
}
.format-audio audio { max-width: 100% !important;
} .format-image .entry-title {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
} .entry-media .video-content {
text-align: center;
}
.entry-media .video-content iframe,
.entry-media .video-content object,
.entry-media .video-content embed,
.entry-media .video-content .wp-video {
width: 100% !important;
margin: 0;
} .hentry.attachment:not(.image-attachment) .entry-meta {
max-width: 104px;
}
.full-size-link:before {
content: none;
}
.attachment .entry-content {
max-width: 100%;
}
.attachment .entry-attachment,
.attachment p.attachment {
text-align: center;
}
.attachment .entry-attachment .attachment {
display: inline-block;
}
.attachment .entry-caption {
text-align: left;
}
.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
margin: 0;
}
.image-navigation {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.image-navigation a {
border-bottom: none;
} .nav-links {
margin-top: 14px;
margin-top: 1.4rem;
position: relative;
}
.nav-links .total {
position: absolute;
left: 50%;
top: 0;
width: 150px;
width: 15rem;
margin-left: -75px;
margin-left: -7.5rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 26px;
line-height: 2.6rem;
text-align: center;
color: #b2afab;
}
.nav-links .total span {
opacity: 0.4;
}
.navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
text-align: right;
}
.paging-navigation .nav-previous,
.paging-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.image-navigation .nav-previous,
.image-navigation .nav-next {
width: 47.260273973%;
}
.paging-navigation .nav-previous a .meta-nav,
.comment-navigation .nav-previous a .meta-nav,
.image-navigation .nav-previous a .meta-nav {
float: left;
margin: 9px 5px 0 0;
margin: 0.9rem 0.5rem 0 0;
}
.paging-navigation .nav-next a .meta-nav,
.comment-navigation .nav-next a .meta-nav,
.image-navigation .nav-next a .meta-nav {
float: right;
margin: 9px 0 0 5px;
margin: 0.9rem 0 0 0.5rem;
}
.navigation a {
font-size: 18px;
font-size: 1.8rem;
line-height: 26px;
line-height: 2.6rem;
}
.paging-navigation a .meta-nav,
.comment-navigation a .meta-nav,
.image-navigation a .meta-nav {
font-family: outspoken;
font-size: 10px;
font-size: 1rem;
line-height: 10px;
line-height: 1rem;
color: #b2afab;
}
.no-touch .navigation a:hover .meta-nav {
color: #ff6600;
}
.post-navigation {
position: fixed;
top: 50%;
max-width: 1112px;
width: 100%;
z-index: 999;
}
.post-navigation > div {
position: absolute;
top: 50%;
margin-top: -29px;
z-index: 999;
}
.post-navigation .nav-previous {
left: -91px;
}
.post-navigation .nav-next {
right: -91px;
}
.post-navigation a {
display: block;
padding: 15px 0;
background: #fff;
border: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.no-touch .navigation.post-navigation a:hover span {
color: #3a3939;
}
.post-navigation .meta-nav {
display: none;
max-width: 500px;
word-wrap: break-word;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
font-weight: 700;
}
.post-navigation a:hover .meta-nav {
display: inline-block;
}
.post-navigation .nav-previous .meta-nav {
padding: 0 20px 0 30px;
}
.post-navigation .nav-next .meta-nav {
padding: 0 30px 0 20px;
}
.post-navigation a .arrow {
display: inline-block;
vertical-align: top;
width: 14px;
height: 24px;
margin: 2px 10px 0;
font-size: 11px;
line-height: 24px;
font-family: outspoken;
color: #b2afab;
}
.no-touch .post-navigation a:hover span.arrow {
color: #ff6600;
} @-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.load-more {
width: 310px;
margin: 60px auto 0;
margin: 6rem auto 0;
line-height: 50px;
line-height: 5rem;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
background-color: rgba(236, 236, 236, 0.5);
border: 1px solid #edece8;
color: #7b7976;
cursor: pointer;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.load-more a {
color: #7b7976;
display: block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch .load-more:hover {
background-color: #ff6600;
color: #fff;
border-color: #ff6600;
}
.no-touch .load-more:hover a {
color: #fff;
}
.load-more span.loader {
display: none;
position: relative;
top: -3px;
width: 25px;
height: 25px;
background: url(//respect-mag.com/wp-content/themes/respect3/images/loadmore.svg) 50% 50% no-repeat;
vertical-align: middle;
-webkit-animation: rotate 0.5s linear 0 infinite normal;
-moz-animation: rotate 0.5s linear 0 infinite normal;
-o-animation: rotate 0.5s linear 0 infinite normal;
-ms-animation: rotate 0.5s linear 0 infinite normal;
animation: rotate 0.5s linear 0 infinite normal;
}
.no-touch .load-more:hover span.loader {
background-image: url(//respect-mag.com/wp-content/themes/respect3/images/loadmore-hover.svg);
}
.load-more.active span.loader {
display: inline-block;
}
.load-more.active span.text {
display: none;
} body.infinite-scroll .paging-navigation {
visibility: hidden;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
}
#infscr-loading {
position: fixed;
bottom: 100px;
text-align: center;
background: #fff;
color: #7b7976;
opacity: 0.8;
width: 230px;
height: 75px;
left: 50%;
margin-left: -306px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
body.content-full-width #infscr-loading {
margin-left: -115px;
}
body.content-right #infscr-loading {
margin-left: 76px;
}
#infscr-loading div {
line-height: 75px;
}
#infscr-loading img {
display: inline-block;
width: 45px;
height: 45px;
margin-top: 15px;
-webkit-animation: rotate 0.5s linear 0 infinite normal;
-moz-animation: rotate 0.5s linear 0 infinite normal;
-o-animation: rotate 0.5s linear 0 infinite normal;
-ms-animation: rotate 0.5s linear 0 infinite normal;
animation: rotate 0.5s linear 0 infinite normal;
} .author-meta {
margin-top: 30px;
margin-top: 3rem;
}
.author-avatar {
float: left;
width: 74px;
}
.author-description {
margin-left: 94px;
margin-left: 9.4rem;
}
.author-title {
clear: none;
margin: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 22px;
line-height: 2.2rem;
}
.author-bio {
margin-top: 7px;
margin-top: 0.7rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
color: #b2afab;
}
.author-bio .author-link {
display: block;
margin-top: 7px;
margin-top: 0.7rem;
}
.author-info:after {
content: '';
display: block;
clear: both;
} .archive-header,
.page-header {
margin: 0 0 16px;
margin: 0 0 1.6rem;
}
.archive-title,
.page-title {
margin: 0;
padding: 3px 0;
padding: 0.3rem 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 34px;
line-height: 3.4rem;
color: #3a3939;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
}
.archive-title:after {
content: '';
display: block;
clear: both;
}
.archive-meta {
float: right;
margin: 11px 0 5px;
margin: 1.1rem 0 0.5rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: normal;
color: #b2afab;
}
.archive-meta p {
display: inline;
margin: 0;
} .page-content {
font-size: 13px;
font-size: 1.3rem;
line-height: 32px;
line-height: 3.2rem;
}  .leave-reply {
display: inline-block;
}
#comments {
margin-top: 50px;
margin-top: 5rem;
outline: none;
}
.comment-anchor {
position: relative;
top: -10px;
}
.comments-title,
.comment-list,
#reply-title,
.must-log-in,
#respond #commentform,
#respond iframe {
display: block;
margin: 0;
width: 100%;
}
.comments-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 40px;
line-height: 4rem;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 85px;
margin-left: 8.5rem;
}
.comment-list li {
outline: none;
}
.comment-list article {
padding-top: 23px;
padding-top: 2.3rem;
border-top: 1px dotted #edece8;
}
.comment-list > li:first-child > article {
border-top: none;
}
.reply div {
margin-top: 5px;
margin-top: 0.5rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 24px;
line-height: 2.4rem;
text-align: center;
background: #fff;
border: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.reply a {
position: relative;
display: inline-block;
padding-left: 18px;
padding-left: 1.8rem;
color: #b2afab;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.reply a:after {
content: 'r';
display: block;
position: absolute;
top: 0;
left: 0;
width: 16px;
width: 1.6rem;
height: 24px;
height: 2.4rem;
text-align: center;
font-size: 10px;
font-size: 1rem;
line-height: 24px;
line-height: 2.4rem;
font-family: outspoken;
}
.no-touch .comment-list article .reply div:hover {
border-color: #ff6600;
background: #ff6600;
}
.no-touch .comment-list article .reply div:hover a {
color: #fff;
}
.comment-author {
display: inline-block;
max-width: 65px;
vertical-align: top;
}
.comment-author .avatar {
display: block;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.comment-meta {
float: left;
width: 85px;
padding: 0 20px 5px 0;
padding: 0 2rem 0.5rem 0;
text-align: right;
}
.comment-wrapper {
padding-bottom: 30px;
padding-bottom: 3rem;
margin-left: 85px;
}
.comment-wrapper p:last-child {
margin-bottom: 0;
}
.comment-wrapper .fn {
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
font-style: normal;
}
.comment-content a {
color: #3a3939;
border-bottom: 1px solid rgba(58, 57, 57, 0.4);
}
.no-touch .comment-content a:hover {
color: #ff6600;
border-bottom-color: rgba(255, 102, 0, 0.4);
}
.comment-metadata {
margin-left: 5px;
margin-left: 0.5rem;
font-size: 11px;
font-size: 1.1rem;
}
.comment-metadata a {
color: #b2afab;
}
.no-touch .comment-metadata a:hover {
color: #ff6600;
}
.comment-metadata .separator {
color: #b2afab;
opacity: 0.4;
}
.comment-awaiting-moderation {
margin: 8px 0 0;
margin: 0.8rem 0 0;
color: #b2afab;
}
.comment-content {
margin-top: 10px;
margin-top: 1rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
word-wrap: break-word;
} #respond {
margin-top: 60px;
margin-top: 6rem;
}
.comment #respond {
margin: 25px 0;
margin: 2.5rem 0;
}
#reply-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 40px;
line-height: 4rem;
font-weight: 700;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
}
#reply-title small {
font-size: 13px;
font-size: 1.3rem;
line-height: 40px;
line-height: 4rem;
font-weight: normal;
float: right;
}
.logged-in-as {
margin-top: 14px;
margin-top: 1.4rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
}
.logged-in-as a {
color: #b2afab;
}
.no-touch .logged-in-as a:hover {
color: #ff6600;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url,
#commentform .comment-form-comment,
#commentform .form-submit {
margin: 18px 0 0;
margin: 1.8rem 0 0;
padding: 0 4px;
padding: 0 0.4rem;
}
#commentform .form-submit {
padding: 0;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
width: 100%;
}
#commentform input[type="submit"] {
width: 350px;
}
.no-comments {
font-size: 16px;
font-size: 1.6rem;
line-height: 46px;
line-height: 4.6rem;
border-top: 1px solid #3a3939;
} .site-main .mu_register {
margin: 0 auto;
max-width: 640px;
width: 100%;
}
.mu_alert {
margin-top: 25px;
margin-top: 2.5rem;
}
.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
font-size: inherit;
width: 270px;
}
.site-main .mu_register input[type="submit"] {
width: auto;
} .sidebar-container .floating {
position: fixed;
width: 300px;
border-top: 20px solid #fff;
background: #fff;
}
.sidebar-container .absolute {
position: absolute;
} .widget {
display: inline-block;
width: 100%;
margin: 0 0 25px;
color: #7b7976;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
word-wrap: break-word;
}
.widget:after {
content: '';
display: block;
clear: both;
}
.widget .widget-title {
margin: 0 0 14px;
margin: 0 0 1.4rem;
padding: 5px 0;
padding: 0.5rem 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 30px;
line-height: 3rem;
font-weight: 700;
color: #3a3939;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
}
#primary .widget .widget-title {
font-size: 16px;
font-size: 1.6rem;
min-height: 30px;
min-height: 3rem;
font-weight: 700;
}
.widget .widget-title .prev,
.widget .widget-title .next {
float: right;
width: 20px;
width: 2rem;
height: 20px;
height: 2rem;
margin-top: 5px;
margin-top: 0.5rem;
cursor: pointer;
font-family: outspoken;
font-weight: normal;
font-size: 7px;
font-size: 0.7rem;
line-height: 21px;
line-height: 2.1rem;
text-align: center;
color: #fff;
background: #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.widget .widget-title .next {
margin-left: 6px;
margin-left: 0.6rem;
}
.no-touch .widget .widget-title .prev:hover,
.no-touch .widget .widget-title .next:hover {
background-color: #ff6600;
}
.bullets {
display: none;
float: right;
height: 34px;
height: 3.4rem;
line-height: 34px;
line-height: 3.4rem;
}
.full_width_bullets {
position: relative;
height: 0;
}
.full_width_bullets > div {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
height: 2.5rem;
line-height: 25px;
line-height: 2.5rem;
font-size: 25px;
font-size: 2.5rem;
text-align: center;
}
.hentry .full_width_bullets > div {
bottom: 14px;
bottom: 1.4rem;
}
.bullets span,
.full_width_bullets span {
padding-left: 2px;
padding-left: 0.2rem;
color: #edece8;
cursor: pointer;
}
.no-touch .bullets span:hover,
.no-touch .full_width_bullets span:hover {
color: #ff6600;
}
.bullets span.current,
.full_width_bullets span.current {
color: #3a3939;
}
.widget-title > a {
display: inline-block;
position: relative;
padding-right: 20px;
padding-right: 2rem;
color: #3a3939;
}
.no-touch .widget-title > a:hover {
color: #ff6600;
}
.widget-title > a:not([class]):after {
content: '>';
display: block;
position: absolute;
top: 2px;
top: 0.2rem;
right: 0;
width: 20px;
width: 2rem;
height: 28px;
height: 2.8rem;
line-height: 28px;
line-height: 2.8rem;
text-align: center;
font-family: outspoken;
font-weight: normal;
color: #edece8;
font-size: 8px;
font-size: 0.8rem;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.no-touch .widget-title > a:not([class]):hover:after {
color: #ff6600;
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 1px dotted #edece8;
}
.widget li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget li > ul li,
.widget li > ol li {
padding-left: 20px;
padding-left: 2rem;
}
.widget li > ul li:first-child,
.widget li > ol li:first-child {
padding-top: 10px;
padding-top: 1rem;
margin-top: 10px;
margin-top: 1rem;
border-top: 1px solid #3a3939;
}
.widget_wpshower_index_featured_articles img,
.widget_wpshower_index_highlights img,
.widget_wpshower_index_category img,
.widget_wpshower_index_categories img,
.widget_wpshower_index_two_categories img,
.widget_wpshower_index_editors_choice img,
.widget_wpshower_index_videos img,
.widget_wpshower_index_latest_entries img,
.widget_wpshower_popular_posts img,
.wpshower-more-like-this img {
width: 100%;
} .searchform-wrapper label {
display: block;
position: relative;
}
.searchform-wrapper .icon {
display: block;
position: absolute;
top: 11px;
top: 1.1rem;
right: 7px;
right: 0.7rem;
width: 30px;
width: 3rem;
height: 30px;
height: 3rem;
line-height: 30px;
line-height: 3rem;
font-size: 20px;
font-size: 2rem;
font-family: outspoken;
color: #b2afab;
}
.widget .searchform [type="text"] {
width: 98%;
padding-right: 40px;
padding-right: 4rem;
margin-left: 4px;
} .widget_archive > ul > li {
text-align: right;
color: #b2afab;
}
.widget_archive > ul > li:after {
content: '';
display: block;
clear: both;
}
.widget_archive > ul > li a {
float: left;
margin-right: 5px;
margin-right: 0.5rem;
text-align: left;
} .widget_categories .widget-title,
.widget_meta .widget-title,
.widget_wpshower_twitter .widget-title {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_categories > ul > li {
width: 45.738636364%;
text-align: right;
color: #b2afab;
}
.widget_categories > ul > li a {
float: left;
margin-right: 5px;
margin-right: 0.5rem;
text-align: left;
}
.csscalc .widget_categories > ul > li {
width: -moz-calc(50% - 15px);
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px);
}
.widget_categories > ul > li:nth-child(odd) {
float: left;
clear: both;
}
.widget_categories > ul > li:nth-child(even) {
float: right;
}
.widget_categories > ul > li:nth-last-child(2):nth-child(odd) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
} .widget_wpshower_follow_us .widget-title {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_follow_us > ul > li {
width: 45.738636364%;
line-height: 20px;
line-height: 2rem;
}
.csscalc .widget_wpshower_follow_us > ul > li {
width: -moz-calc(50% - 15px);
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px);
}
.widget_wpshower_follow_us > ul > li:nth-child(odd) {
float: left;
}
.widget_wpshower_follow_us > ul > li:nth-child(even) {
float: right;
}
.widget_wpshower_follow_us > ul > li:last-child {
padding-bottom: 10px;
padding-bottom: 1rem;
margin-bottom: 10px;
margin-bottom: 1rem;
border-bottom: 1px dotted #edece8;
}
.widget_wpshower_follow_us a span {
display: inline-block;
width: 20px;
width: 2rem;
height: 20px;
height: 2rem;
line-height: 20px;
line-height: 2rem;
margin-right: 10px;
margin-right: 1rem;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
vertical-align: top;
color: #fff;
background: #3a3939;
font-family: outspoken;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.widget_wpshower_follow_us a span img {
max-width: 14px;
max-width: 1.4rem;
max-height: 14px;
max-height: 1.4rem;
vertical-align: baseline;
}
.no-touch .widget_wpshower_follow_us a:hover span {
background: #ff6600;
}
.no-touch .wpshower-follow-fb a:hover,
.no-touch .share-side a.fb:hover {
color: #3A5B96;
}
.no-touch .wpshower-follow-fb a:hover span,
.no-touch .share-side a.fb:hover span {
background: #3A5B96 !important;
}
.no-touch .wpshower-follow-g a:hover,
.no-touch .share-side a.g:hover {
color: #DC4A36;
}
.no-touch .wpshower-follow-g a:hover span,
.no-touch .share-side a.g:hover span {
background: #DC4A36 !important;
}
.no-touch .wpshower-follow-tw a:hover,
.no-touch .share-side a.tw:hover {
color: #0AAEEB;
}
.no-touch .wpshower-follow-tw a:hover span,
.no-touch .share-side a.tw:hover span {
background: #0AAEEB !important;
}
.no-touch .wpshower-follow-tumb a:hover {
color: #3E5A70;
}
.no-touch .wpshower-follow-tumb a:hover span {
background: #3E5A70 !important;
}
.no-touch .wpshower-follow-drib a:hover {
color: #E94E8A;
}
.no-touch .wpshower-follow-drib a:hover span {
background: #E94E8A !important;
}
.no-touch .wpshower-follow-pint a:hover,
.no-touch .share-side a.pint:hover {
color: #D73532;
}
.no-touch .wpshower-follow-pint a:hover span,
.no-touch .share-side a.pint:hover span {
background: #D73532 !important;
}
.no-touch .wpshower-follow-vi a:hover {
color: #4CA9CB;
}
.no-touch .wpshower-follow-vi a:hover span {
background: #4CA9CB !important;
}
.no-touch .wpshower-follow-blog a:hover {
color: #F86812;
}
.no-touch .wpshower-follow-blog a:hover span {
background: #F86812 !important;
}
.no-touch .wpshower-follow-fli a:hover {
color: #0261D9;
}
.no-touch .wpshower-follow-fli a:hover span {
background: #0261D9 !important;
}
.no-touch .wpshower-follow-you a:hover {
color: #DC332C;
}
.no-touch .wpshower-follow-you a:hover span {
background: #DC332C !important;
} .widget_wpshower_popular_posts > ul > li {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
}
.widget_wpshower_popular_posts > ul > li:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_popular_posts .thumbnail {
float: left;
width: 85px;
}
.widget_wpshower_popular_posts .thumbnail_fix {
margin-left: 100px;
}
.widget_wpshower_popular_posts .meta {
margin-bottom: 5px;
margin-bottom: 0.5rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_popular_posts .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_popular_posts .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_popular_posts .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_popular_posts .meta a:hover {
color: #ff6600;
}
.widget_wpshower_popular_posts h4 {
display: inline;
margin: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: normal;
} .widget_wpshower_tabs .tabs {
font-size: 0;
}
.widget_wpshower_tabs .tabs a {
display: inline-block;
height: 46px;
height: 4.6rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 46px;
line-height: 4.6rem;
padding: 0 10px;
padding: 0 1rem;
margin-right: 2px;
margin-right: 0.2rem;
vertical-align: bottom;
background: rgba(236, 236, 236, 0.5);
border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch .widget_wpshower_tabs .tabs a:hover {
background: #ff6600;
color: #fff;
}
.widget_wpshower_tabs .tabs a.active {
position: relative;
bottom: -1px;
height: 52px;
height: 5.2rem;
line-height: 52px;
line-height: 5.2rem;
margin-right: 0;
background: #fff;
border: 1px solid #edece8;
border-bottom: none;
font-weight: 700;
}
.no-touch .widget_wpshower_tabs .tabs a.active:hover {
cursor: default;
color: #3a3939;
background: #fff;
}
.widget_wpshower_tabs .tabs a.before_active {
margin-right: 0;
}
.widget_wpshower_tabs .widget-title {
display: none;
}
.widget_wpshower_tabs .widget {
display: none;
margin-bottom: 0;
}
.widget_wpshower_tabs .widget:first-child {
display: block;
}
.widget_wpshower_tabs > .content {
padding: 14px;
padding: 1.4rem;
border: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
} .widget_wpshower_twitter > ul > li {
line-height: 21px;
line-height: 2.1rem;
}
.widget_wpshower_twitter > ul > li b {
font-weight: normal;
}
.widget_wpshower_twitter > ul > li s {
text-decoration: none;
}
.widget_wpshower_twitter > ul > li .meta {
margin: 10px 0 3px;
margin: 1rem 0 0.3rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
font-weight: normal;
color: #b2afab;
} .widget_wpshower_recent_comments > ul > li {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
}
.widget_wpshower_recent_comments > ul > li:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_recent_comments > ul > li > span {
float: left;
}
.widget_wpshower_recent_comments > ul > li > span img {
width: 50px;
height: 50px;
}
.widget_wpshower_recent_comments > ul > li > div {
float: right;
color: #3a3939;
width: -moz-calc(100% - 70px);
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
}
.widget_wpshower_recent_comments > ul > li > div .meta {
margin-bottom: 4px;
margin-bottom: 0.4rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_recent_comments > ul > li > div > span {
color: #b2afab;
opacity: 0.4;
} .tagcloud a {
display: inline-block;
margin: 5px 3px 0;
margin: 0.5rem 0.3rem 0;
padding: 0 8px;
padding: 0 0.8rem;
line-height: 31px;
line-height: 3.1rem;
color: #b2afab;
border: 1px solid #edece8;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch .tagcloud a:hover {
color: #fff;
background: #ff6600;
border-color: #ff6600;
} .widget_wpshower_index_featured_articles {
overflow: hidden;
}
.widget_wpshower_index_featured_articles.custom_bg {
padding: 0 15px 20px;
padding: 0 1.5rem 2rem;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.widget_wpshower_index_featured_articles.custom_bg .widget-title {
border-top-color: transparent;
}
.widget_wpshower_index_featured_articles.custom_bg .container {
overflow: hidden;
}
.widget_wpshower_index_featured_articles article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_featured_articles article .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_featured_articles article .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_featured_articles article .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_featured_articles article .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_featured_articles article .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_featured_articles article h2 {
margin: 0 0 6px;
margin: 0 0 0.6rem;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
font-weight: 700;
}
.widget_wpshower_index_featured_articles article .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_highlights .container {
float: left;
width: 60.95890411%;
overflow: hidden;
}
.widget_wpshower_index_highlights.custom_bg .container {
padding: 0 15px 20px;
padding: 0 1.5rem 2rem;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.widget_wpshower_index_highlights.custom_bg .container > article {
overflow: hidden;
}
.widget_wpshower_index_highlights.custom_bg .widget-title {
border-top-color: transparent;
}
.widget_wpshower_index_highlights li article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_highlights li article .meta {
margin-bottom: 3px;
margin-bottom: 0.3rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_highlights li article .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_highlights li article .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_highlights li article .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_highlights li article .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_highlights li article h2 {
margin: 0 0 10px;
margin: 0 0 1rem;
font-size: 20px;
font-size: 2rem;
line-height: 23px;
line-height: 2.3rem;
font-weight: 700;
}
.widget_wpshower_index_highlights li article .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
}
.widget_wpshower_index_highlights .latest {
float: right;
width: 34.931506849%;
}
.widget_wpshower_index_highlights .latest img {
margin-bottom: 9px;
margin-bottom: 0.9rem;
}
.widget_wpshower_index_highlights .latest .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_highlights .latest .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_highlights .latest .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_highlights .latest .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_highlights .latest .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_highlights .latest h3 {
margin: 0;
font-size: 15px;
font-size: 1.5rem;
line-height: 19px;
line-height: 1.9rem;
font-weight: 700;
}
.widget_wpshower_index_highlights .latest li {
margin-top: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
}
.no-touch .widget_wpshower_index_highlights .latest a:hover {
color: #ff6600;
} .widget_wpshower_index_category .widget-title:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_index_category .widget-title span {
text-align: right;
}
.widget_wpshower_index_category .widget-title span a.current {
color: #b2afab;
cursor: default;
}
.widget_wpshower_index_category .subcategories {
float: right;
font-size: 13px;
font-size: 1.3rem;
line-height: 28px;
line-height: 2.8rem;
padding-top: 2px;
padding-top: 0.2rem;
font-weight: 400;
}
.widget_wpshower_index_category .subcategories a {
margin-left: 20px;
margin-left: 2rem;
cursor: pointer;
}
.widget_wpshower_index_category > div {
display: none;
}
.widget_wpshower_index_category > div.active {
display: block;
}
.widget_wpshower_index_category > div:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_index_category > div > article {
float: left;
width: 47.945205479%;
}
.widget_wpshower_index_category > div > article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_category .meta {
margin-bottom: 2px;
margin-bottom: 0.2rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_category .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_category .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_category .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_category .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_category h3 {
margin: 0 0 6px;
margin: 0 0 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
font-weight: 700;
}
.widget_wpshower_index_category .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_category .article-list {
float: right;
width: 47.945205479%;
}
.widget_wpshower_index_category .article-list li {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_category .article-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_wpshower_index_category .article-list li:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_index_category .article-list .thumbnail {
float: left;
width: 85px;
}
.widget_wpshower_index_category .article-list .thumbnail_fix {
margin-left: 105px;
}
.widget_wpshower_index_category .article-list .meta {
margin-bottom: 3px;
margin-bottom: 0.3rem;
font-size: 11px;
font-size: 1.1rem;
font-weight: normal;
line-height: 14px;
line-height: 1.4rem;
} .widget_wpshower_ad img {
width: 100%;
}
.widget_wpshower_ad > a {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
} .widget_wpshower_index_editors_choice {
overflow: hidden;
}
.widget_wpshower_index_editors_choice.custom_bg {
padding: 0 15px 20px;
padding: 0 1.5rem 2rem;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.widget_wpshower_index_editors_choice.custom_bg .widget-title {
border-top-color: transparent;
}
.widget_wpshower_index_editors_choice.custom_bg .container {
overflow: hidden;
}
.widget_wpshower_index_editors_choice article > a img {
margin-bottom: 11px;
margin-bottom: 1.1rem;
}
.widget_wpshower_index_editors_choice article .meta {
margin-bottom: 4px;
margin-bottom: 0.4rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
font-weight: 700;
color: #b2afab;
}
.widget_wpshower_index_editors_choice article .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_editors_choice article .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_editors_choice article h3 {
margin: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
line-height: 2rem;
font-weight: 700;
} .wpshower-more-like-this li {
float: left;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.wpshower-more-like-this article h2 {
margin: 8px 0 0;
margin: 0.8rem 0 0;
font-size: 15px;
font-size: 1.5rem;
line-height: 19px;
line-height: 1.9rem;
font-weight: 700;
} .widget_wpshower_index_categories .column li {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_categories a img {
margin-bottom: 11px;
margin-bottom: 1.1rem;
}
.widget_wpshower_index_categories .meta {
margin-bottom: 3px;
margin-bottom: 0.3rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_categories .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_categories .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_categories .column h4 {
margin: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
font-weight: 700;
} .widget_wpshower_index_two_categories .column li {
margin-bottom: 14px;
margin-bottom: 1.4rem;
padding-bottom: 14px;
padding-bottom: 1.4rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_two_categories .column li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget_wpshower_index_two_categories .big > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_two_categories .small:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_index_two_categories .small > a {
float: left;
width: 85px;
}
.widget_wpshower_index_two_categories .small > div {
margin-left: 105px;
}
.widget_wpshower_index_two_categories .small > div.no_thumbnail {
margin-left: 0;
}
.widget_wpshower_index_two_categories .meta {
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_two_categories .big .meta {
margin-bottom: 2px;
margin-bottom: 0.2rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
}
.widget_wpshower_index_two_categories .small .meta {
margin-bottom: 3px;
margin-bottom: 0.3rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_two_categories .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_two_categories .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_two_categories .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_two_categories .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_two_categories .column h4 {
margin: 0 0 6px;
margin: 0 0 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
clear: none;
font-weight: 700;
}
.widget_wpshower_index_two_categories .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_videos > div {
position: relative;
float: left;
width: 100%;
}
.widget_wpshower_index_videos .container {
float: left;
width: 100%;
padding-right: 175px;
}
.widget_wpshower_index_videos .container > div {
overflow: hidden;
}
.widget_wpshower_index_videos .container .entry-media {
margin: 0 0 10px;
margin: 0 0 1rem;
}
.widget_wpshower_index_videos article > a img {
margin-bottom: 16px;
margin-bottom: 1.6rem;
}
.widget_wpshower_index_videos .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_videos .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_videos .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_videos .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_videos .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_videos h2 {
margin: 0 0 5px;
margin: 0 0 0.5rem;
font-size: 20px;
font-size: 2rem;
line-height: 24px;
line-height: 2.4rem;
font-weight: 700;
}
.widget_wpshower_index_videos .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_videos .info {
position: absolute;
top: 0;
right: 0;
width: 160px;
height: 411px;
padding: 30px 0 0 14px;
border-left: 1px dotted #edece8;
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.widget_wpshower_index_videos .content span {
display: block;
position: relative;
margin-top: 15px;
cursor: pointer;
}
.widget_wpshower_index_videos .content span.current:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 102, 0, 0.5);
pointer-events: none;
}
.widget_wpshower_index_videos div.prev,
.widget_wpshower_index_videos div.next {
position: absolute;
z-index: 3;
right: 0;
width: 145px;
background: #fff;
}
.widget_wpshower_index_videos div.prev {
top: 0;
}
.widget_wpshower_index_videos div.next {
bottom: 0;
}
.widget_wpshower_index_videos div.prev div,
.widget_wpshower_index_videos div.next div {
height: 30px;
cursor: pointer;
font-family: outspoken;
font-size: 11px;
font-size: 1.1rem;
line-height: 30px;
color: #fff;
background: #edece8;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.no-touch .widget_wpshower_index_videos div.prev div:hover,
.no-touch .widget_wpshower_index_videos div.next div:hover {
background-color: #ff6600;
}
.widget_wpshower_index_videos .prev2,
.widget_wpshower_index_videos .next2 {
position: absolute;
z-index: 3;
left: 0;
width: 100%;
height: 15px;
}
.widget_wpshower_index_videos .prev2 {
top: 30px;
background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0); pointer-events: none;
}
.widget_wpshower_index_videos .next2 {
bottom: 30px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); pointer-events: none;
}
.widget_wpshower_index_videos .content {
position: relative;
z-index: 2;
} .widget_wpshower_index_latest_entries article {
border-bottom: 1px dotted #edece8;
padding-bottom: 15px;
padding-bottom: 1.5rem;
margin-bottom: 15px;
margin-bottom: 1.5rem;
}
.widget_wpshower_index_latest_entries.grid article {
padding-bottom: 40px;
padding-bottom: 4rem;
}
.widget_wpshower_index_latest_entries article:last-child {
margin-bottom: 0;
}
.widget_wpshower_index_latest_entries article:after {
content: '';
display: block;
clear: both;
}
.widget_wpshower_index_latest_entries article > a {
float: left;
width: 47.945205479%;
}
.widget_wpshower_index_latest_entries article > div {
float: right;
width: 47.945205479%;
}
.widget_wpshower_index_latest_entries article > div.no_thumbnail {
float: none;
width: 100%;
}
.widget_wpshower_index_latest_entries.grid article > a,
.widget_wpshower_index_latest_entries.grid article > div {
float: none;
width: 100%;
}
.widget_wpshower_index_latest_entries.grid article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_latest_entries .meta-top {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: 700;
color: #b2afab;
}
.widget_wpshower_index_latest_entries.grid .meta-top {
margin-bottom: 0;
}
.widget_wpshower_index_latest_entries .meta-top a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_latest_entries .meta-top a:hover {
color: #ff6600;
}
.widget_wpshower_index_latest_entries article h2 {
margin: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
font-weight: 700;
}
.widget_wpshower_index_latest_entries .meta {
margin-top: 5px;
margin-top: 0.5rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: normal;
color: #b2afab;
}
.widget_wpshower_index_latest_entries .meta span {
margin-right: 4px;
margin-right: 0.4rem;
}
.widget_wpshower_index_latest_entries .meta span.separator {
opacity: 0.4;
}
.widget_wpshower_index_latest_entries .meta a {
color: #b2afab;
}
.no-touch .widget_wpshower_index_latest_entries .meta a:hover {
color: #ff6600;
}
.widget_wpshower_index_latest_entries article .summary {
margin-top: 10px;
margin-top: 1rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_latest_entries.grid article .summary {
margin-top: 10px;
margin-top: 1rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 22px;
line-height: 2.2rem;
} .widget_rss .rss-date {
display: block;
} .widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
}
.widget_calendar caption {
margin: 0;
text-align: right;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar th {
padding: 10px 0;
padding: 1rem 0;
}
.site-footer .widget_calendar a {
display: block;
border-bottom: none;
}
.widget_calendar tbody td {
padding: 8px;
padding: 0.8rem;
background: rgba(236, 236, 236, 0.5);
border: 1px solid #fff;
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
#wp-calendar tfoot #prev {
padding-top: 10px;
padding-top: 1rem;
font-size: 13px;
font-size: 1.3rem;
text-transform: uppercase;
text-align: left;
}
#wp-calendar tfoot #next {
padding-top: 10px;
padding-top: 1rem;
font-size: 13px;
font-size: 1.3rem;
text-transform: uppercase;
text-align: right;
} #footer-widgets:after {
content: '';
display: block;
clear: both;
} .site-footer {
padding: 20px 15px;
padding: 2rem 1.5rem;
background: #f5f4f1;
color: #7b7671;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
}
.site-footer a {
color: #7b7671;
border-bottom: 1px solid rgba(123, 118, 113, 0.4);
}
.no-touch .site-footer a:hover {
color: #ff6600;
border-bottom-color: rgba(255, 102, 0, 0.4);
}
.theme-info span {
font-style: italic;
}
.site-footer:after {
content: "";
display: block;
clear: both;
} @media (min-width: 951px) {
.site-title {
float: left;
}
#site-header-container.center .site-title {
float: none;
text-align: center;
}
#site-header-container.right .site-title {
float: right;
}
#header-banner {
float: right;
}
#site-header-container.center #header-banner {
float: none;
}
#site-header-container.right #header-banner {
float: left;
margin: 0 20px 12px 0;
margin: 0 2rem 1.2rem 0;
}
#site-navigation {
margin: 0 60px 0 6px;
margin: 0 6rem 0 0.6rem;
}
#site-navigation > div > ul > li {
display: inline-block;
position: relative;
padding-left: 20px;
padding-left: 2rem;
}
#site-navigation > div > ul > li > a {
display: inline-block;
line-height: 33px;
line-height: 3.3rem;
padding-bottom: 4px;
padding-bottom: 0.4rem;
border-top: 3px solid transparent;
}
.no-touch #site-navigation > div > ul > li > a:hover,
.no-touch #site-navigation > div > ul > li:hover > a,
#site-navigation > div > ul > li.current_page_item > a {
border-top: 3px solid #7b7671;
}
#site-navigation > div > ul > li.submenu-off > a {
position: relative;
padding-right: 12px;
padding-right: 1.2rem;
}
#site-navigation > div > ul > li.submenu-off > a:after {
content: 'â–¼';
display: block;
position: absolute;
top: 0;
right: 0;
width: 8px;
width: 0.8rem;
height: 34px;
height: 3.4rem;
line-height: 34px;
line-height: 3.4rem;
font-family: outspoken;
font-size: 5px;
font-size: 0.5rem;
}
#site-navigation > div > ul > li > ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99999;
padding-left: 0;
}
#site-navigation > div > ul > li.submenu-off.submenu-active > a:after {
content: 'â–²';
}
#site-navigation > div > ul > li.submenu-off > ul.submenu-visible {
display: block;
}
#site-navigation ul ul li {
padding: 0 20px 11px;
padding: 0 2rem 1.1rem;
}
#site-navigation ul ul ul li {
padding: 11px 0 0 20px;
padding: 1.1rem 0 0 2rem;
}
#site-navigation ul ul a {
white-space: nowrap;
border-bottom: 1px solid #f5f4f1;
}
.no-touch #site-navigation ul ul a:hover {
border-bottom-color: #7b7671;
}
#site-navigation > div > ul > li > ul > li {
background: #f5f4f1;
}
#site-navigation > div > ul > li > ul > li:last-child {
padding-bottom: 18px;
padding-bottom: 1.8rem;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
#site-navigation > div > ul > li > ul ul {
padding-left: 0;
} #section-toggle {
display: none;
}
#section-navigation {
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
}
#section-navigation a {
line-height: 32px;
line-height: 3.2rem;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
#section-navigation > div > ul > li {
position: relative;
display: inline-block;
}
#section-navigation > div > ul > li > a {
display: inline-block;
padding: 0 10px;
padding: 0 1rem;
line-height: 45px;
line-height: 4.5rem;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
#section-navigation > div > ul > li.submenu-off > a {
position: relative;
padding-right: 24px;
padding-right: 2.4rem;
}
#section-navigation > div > ul > li.submenu-off > a span:after {
content: 'v';
display: block;
position: absolute;
top: 2px;
top: 0.2rem;
right: 3px;
right: 0.3rem;
width: 20px;
width: 2rem;
height: 43px;
height: 4.3rem;
text-align: center;
font-size: 10px;
font-size: 1rem;
line-height: 43px;
line-height: 4.3rem;
font-weight: 400;
color: #edece8;
font-family: outspoken;
}
#section-navigation > div > ul > li.submenu-active > a {
background: #3a3939;
color: #fff;
}
.no-touch #section-navigation > div > ul > li.submenu-active > a:hover {
color: #fff;
}
.no-touch #section-navigation > div > ul > li.submenu-off:hover > a span:after {
content: '^';
}
#section-navigation > div > ul > li ul {
position: absolute;
z-index: 99999;
display: none;
}
#section-navigation > div > ul > li ul.submenu-visible {
display: block;
}
#section-navigation > div > ul > li > ul {
top: 100%;
left: 0;
min-width: 100%;
}
#section-navigation > div > ul > li > ul li {
display: block;
position: relative;
}
#section-navigation > div > ul > li > ul a {
display: inline-block;
position: relative;
width: 100%;
padding: 0 15px;
padding: 0 1.5rem;
white-space: nowrap;
background: #3a3939;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.no-touch #section-navigation > div > ul > li > ul a:hover {
background: #ff6600;
color: #fff;
}
#section-navigation > div > ul > li > ul a span {
display: inline-block;
position: relative;
font-size: 13px;
font-size: 1.3rem;
line-height: 36px;
line-height: 3.6rem;
}
#section-navigation > div > ul > li > ul li.submenu-off > a span {
padding-right: 20px;
padding-right: 2rem;
}
#section-navigation > div > ul > li > ul li.submenu-off > a span:after {
content: '>';
display: block;
position: absolute;
top: 0;
right: 0;
width: 20px;
width: 2rem;
height: 36px;
height: 3.6rem;
line-height: 36px;
line-height: 3.6rem;
text-align: center;
font-family: outspoken;
font-weight: normal;
color: #edece8;
font-size: 10px;
font-size: 1rem;
}
#section-navigation > div > ul > li > ul ul {
top: 0;
left: 100%;
}
.page-content .searchform-wrapper label {
display: inline-block;
width: 500px;
}
.page-content input[name="s"] {
width: 100%;
} .widget_wpshower_index_videos .container {
min-height: 411px;
} .no-touch .reply {
visibility: hidden;
}
.no-touch .comment-list article:hover .reply {
visibility: visible;
} .wpshower-more-like-this li {
width: 30.593607306%;
}
.wpshower-more-like-this li:first-child {
margin-right: 4.109589041%;
}
.wpshower-more-like-this li:nth-child(3) {
float: right;
}
}
@media (max-width: 950px) {
#header-banner {
margin: 12px 0;
margin: 1.2rem 0;
}
#page {
padding: 0 20px;
padding: 0 2rem;
}
.home-link {
width: 100%;
text-align: center;
}
#site-navigation {
display: none;
}
#site-navigation.toggled-on {
display: block;
}
#site-navigation > div > ul li {
display: block;
border-top: 1px solid #fff;
}
#site-navigation > div a {
display: block;
padding-right: 30px;
padding-right: 3rem;
line-height: 47px;
line-height: 4.7rem;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.no-touch #site-navigation > div a:hover {
background: #7b7671;
color: #f5f4f1;
}
#site-navigation > div > ul > li a {
position: relative;
}
#site-navigation > div > ul > li > a {
padding-left: 20px;
padding-left: 2rem;
}
#site-navigation > div > ul li.submenu-off > a:after {
content: 'v';
display: block;
position: absolute;
top: 0;
right: 0;
width: 15px;
width: 1.5rem;
height: 47px;
height: 4.7rem;
padding-right: 15px;
padding-right: 1.5rem;
line-height: 47px;
line-height: 4.7rem;
text-align: right;
font-family: outspoken;
font-weight: normal;
color: #7b7671;
font-size: 10px;
font-size: 1rem;
}
.no-touch #site-navigation > div > ul li.submenu-off > a:hover:after {
color: #f5f4f1;
}
#site-navigation > div > ul li.submenu-active > a:after {
content: '^';
}
#site-navigation > div > ul ul {
display: none;
}
#site-navigation > div > ul ul.submenu-visible {
display: block;
}
#site-navigation > div > ul > li > ul > li > a {
padding-left: 40px;
padding-left: 4rem;
}
#site-navigation > div > ul > li > ul > li li a {
padding-left: 60px;
padding-left: 6rem;
}
.menu-toggle {
display: inline-block;
font-family: outspoken;
width: 40px;
width: 4rem;
height: 40px;
height: 4rem;
line-height: 40px;
line-height: 4rem;
margin: 0;
font-size: 25px;
font-size: 2.5rem;
color: #7b7671;
text-align: center;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} #section-toggle {
clear: both;
line-height: 55px;
line-height: 5.5rem;
border-top: 1px solid #3a3939;
border-bottom: 1px solid #edece8;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
cursor: pointer;
}
#section-toggle span {
position: relative;
float: right;
width: 24px;
width: 2.4rem;
height: 24px;
height: 2.4rem;
margin-top: 16px;
margin-top: 1.6rem;
font-weight: 400;
background: #edece8;
color: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
}
#section-toggle span:after {
content: 'v';
position: absolute;
top: 0;
left: 0;
width: 24px;
width: 2.4rem;
height: 24px;
height: 2.4rem;
font-family: outspoken;
font-size: 11px;
font-size: 1.1rem;
line-height: 24px;
line-height: 2.4rem;
text-align: center;
}
.no-touch #section-toggle:hover span {
background-color: #ff6600;
}
#section-toggle.toggled-on span:after {
content: '^';
}
#section-navigation > div {
display: none;
}
#section-navigation.toggled-on > div {
display: block;
}
#section-navigation > div > ul li {
display: block;
border-top: 1px solid #edece8;
}
#section-navigation > div > ul > li:first-child {
border-top: none;
}
#section-navigation > div > ul > li:last-child {
border-bottom: 1px solid #edece8;
}
#section-navigation a {
display: block;
position: relative;
line-height: 47px;
line-height: 4.7rem;
font-size: 20px !important;
font-size: 2rem !important;
}
#section-navigation .submenu-off a {
padding-right: 24px;
padding-right: 2.4rem;
}
#section-navigation > div > ul li.submenu-off > a:after {
content: 'v';
display: block;
position: absolute;
top: 0;
right: 0;
width: 24px;
width: 2.4rem;
height: 47px;
height: 4.7rem;
line-height: 47px;
line-height: 4.7rem;
text-align: center;
font-family: outspoken;
font-weight: normal;
color: #3a3939;
font-size: 10px;
font-size: 1rem;
}
.no-touch #section-navigation > div > ul li.submenu-off > a:hover:after {
color: #ff6600;
}
#section-navigation > div > ul li.submenu-active > a:after {
content: '^';
}
#section-navigation > div > ul ul {
display: none;
}
#section-navigation > div > ul ul.submenu-visible {
display: block;
}
#section-navigation > div > ul > li > ul > li > a {
padding-left: 20px;
padding-left: 2rem;
}
#section-navigation > div > ul > li > ul > li li a {
padding-left: 40px;
padding-left: 4rem;
}
.outspoken-gallery h2 {
margin: 5px 0 0;
margin: 0.5rem 0 0;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
}
body.wpshower-blog .full_width_bullets {
display: block;
}
body.wpshower-blog .outspoken-gallery .prev,
body.wpshower-blog .outspoken-gallery .next {
display: none !important;
}
.post-navigation {
display: none;
}
.load-more {
width: 260px;
width: 26rem;
margin-top: 30px;
margin-top: 3rem;
}
.widget .widget-title .prev,
.widget .widget-title .next {
display: none;
}
.bullets {
display: block;
} body.content-full-width .masonry-sizer {
width: 47.945205479%;
}
body.content-full-width .masonry-gutter {
width: 4.109589041%;
} .wpshower-more-like-this li {
width: 31.135531136%;
}
.wpshower-more-like-this li:first-child {
margin-right: 3.296703297%;
}
.wpshower-more-like-this li:nth-child(3) {
float: right;
} .widget_wpshower_index_videos .container {
width: 100%;
padding-right: 0;
}
.widget_wpshower_index_videos .info {
display: none;
} .widget_wpshower_follow_us > ul > li,
.csscalc .widget_wpshower_follow_us > ul > li {
width: 100%;
} .widget_categories > ul > li,
.csscalc .widget_categories > ul > li {
width: 100%;
}
}
@media (min-width: 641px) {
.outspoken-gallery .info {
position: absolute;
left: 30px;
bottom: 30px;
padding: 18px 25px;
padding: 1.8rem 2.5rem;
background: rgba(0, 0, 0, 0.7);
max-width: -moz-calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
max-width: calc(100% - 60px);
border-radius: 2px;
-webkit-border-radius: 2px;
}
body.wpshower-masonry .outspoken-gallery .info {
left: 20px;
bottom: 10px;
padding: 10px 15px;
padding: 1rem 1.5rem;
}
.no-touch .outspoken-gallery:hover .prev,
.no-touch .outspoken-gallery:hover .next {
display: block;
} .entry-content .tags .column {
float: left;
width: 45.714285714%;
}
.entry-content .tags .column:nth-child(2) {
float: right;
} .archives-template li {
float: left;
width: 30.593607306%;
margin-right: 4.109589041%;
}
.archives-template li:nth-child(3n + 1) {
clear: both;
}
.archives-template li:nth-child(3n + 2) {
margin-right: 0;
}
.archives-template li:nth-child(3n) {
float: right;
margin-right: 0;
} .widget_wpshower_index_editors_choice article {
padding-right: 30px;
} .widget_wpshower_index_categories .column {
float: left;
width: 21.917808219%;
}
.widget_wpshower_index_categories .column:first-child,
.widget_wpshower_index_categories .column:nth-child(2) {
width: 26.02739726%;
padding-right: 4.109589041%;
}
.widget_wpshower_index_categories .column:nth-child(4) {
float: right;
} .widget_wpshower_index_two_categories .column {
float: left;
width: 47.945205479%;
}
.widget_wpshower_index_two_categories .column:nth-child(2) {
float: right;
}
#footer-widgets .widget-area {
float: left;
width: 31.534772182%;
}
#footer-widgets .widget-area:first-child {
margin-right: 2.697841727%;
}
#footer-widgets .widget-area:last-child {
float: right;
}
.site-info {
float: left;
width: 50%;
padding-right: 20px;
}
.theme-info {
float: right;
width: 50%;
padding-left: 20px;
text-align: right;
}
}
@media (max-width: 640px) {
#page {
padding: 0 10px;
}
#content {
margin-bottom: 80px;
margin-bottom: 8rem;
}
h1 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28px;
line-height: 2.8rem;
margin: 20px 0 30px;
margin: 2rem 0 3rem;
}
h2 {
font-size: 20px;
font-size: 2rem;
line-height: 24px;
line-height: 2.4rem;
margin: 20px 0 25px;
margin: 2rem 0 2.5rem;
}
h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 23px;
line-height: 2.3rem;
margin: 20px 0 25px;
margin: 2rem 0 2.5rem;
}
h4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
line-height: 2.2rem;
margin: 20px 0 22px;
margin: 2rem 0 2.2rem;
}
h5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
line-height: 2rem;
margin: 24px 0 25px;
margin: 2.4rem 0 2.5rem;
}
h6 {
font-size: 12px;
font-size: 1.2rem;
line-height: 16px;
line-height: 1.6rem;
margin: 24px 0;
margin: 2.4rem 0;
}
.site-header .searchform [type="text"] {
font-size: 25px;
font-size: 2.5rem;
line-height: 34px;
line-height: 3.4rem;
}
.home-link h1 {
font-size: 38px;
font-size: 3.8rem;
line-height: 38px;
line-height: 3.8rem;
}
.navbar {
margin-bottom: 15px;
margin-bottom: 1.5rem;
}
.site-title {
margin-bottom: 15px;
margin-bottom: 1.5rem;
}
.csscalc .outspoken-gallery {
margin-left: -10px;
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
}
#main > .outspoken-gallery .prev,
#main > .outspoken-gallery .next,
#main > .gallery-parent .prev,
#main > .gallery-parent .next {
display: none;
}
.outspoken-gallery .expand {
top: 20px;
top: 2rem;
}
.outspoken-gallery .info {
padding: 15px 9px 18px;
padding: 1.5rem 0.9rem 1.8rem;
background: rgba(236, 236, 236, 0.5);
border-bottom: 1px solid #edece8;
}
.outspoken-gallery .meta {
font-size: 13px;
font-size: 1.3rem;
line-height: 18px;
line-height: 1.8rem;
color: #7b7976;
}
.outspoken-gallery .meta a {
color: #7b7976;
}
.outspoken-gallery h2 {
margin: 3px 0 0;
margin: 0.3rem 0 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
}
.outspoken-gallery h2 a {
color: #3a3939;
}
#primary {
padding-top: 25px;
padding-top: 2.5rem;
} #section-toggle {
padding: 0 14px;
padding: 0 1.4rem;
line-height: 49px;
line-height: 4.9rem;
border-top-width: 1px;
border-top-color: #edece8 !important;
border-right: 1px solid #edece8;
border-left: 1px solid #edece8;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.no-touch #section-toggle:hover span {
background-color: #edece8;
}
.no-touch #section-toggle:hover span:after {
content: 'v';
}
#section-toggle.toggled-on span:after {
content: '^';
}
#section-toggle.toggled-on {
border-bottom-width: 1px;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
#section-toggle span {
margin-top: 13px;
margin-top: 1.3rem;
}
#section-navigation > div > ul > li:last-child {
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
#section-navigation a {
padding: 0 13px;
padding: 0 1.3rem;
border-right: 1px solid #edece8;
border-left: 1px solid #edece8;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
#section-navigation .submenu-off a {
padding-right: 39px;
padding-right: 3.9rem;
}
.no-touch #section-navigation a:hover {
background: #ff6600;
color: #ffffff !important;
border-right-color: #ff6600;
border-left-color: #ff6600;
}
.no-touch #section-navigation > div > ul li.submenu-off > a:hover:after {
color: #ffffff !important;
}
#section-navigation > div > ul li.submenu-off > a:after {
padding-right: 15px;
padding-right: 1.5rem;
}
body.single .entry-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 28px;
line-height: 2.8rem;
}
body.single .entry-meta {
font-size: 13px;
font-size: 1.3rem;
}
body.archive .entry-meta,
body.search .entry-meta {
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
body.archive .entry-thumbnail,
body.search .entry-thumbnail {
float: none;
width: 100%;
margin-bottom: 11px;
margin-bottom: 1.1rem;
}
body.archive .entry-column,
body.search .entry-column {
float: none;
width: 100%;
}
.navigation .mobile {
display: none;
}
.share > .text {
display: none;
}
.share > div.fb {
padding-right: 27px;
} #commentform input[type="submit"] {
width: 100%;
}
.comment-list .children {
margin-left: 20px;
margin-left: 2rem;
}
.comment-metadata {
display: block;
margin: 4px 0 0;
margin: 0.4rem 0 0;
} #contact-us .submit input {
width: 100%;
} .archives-template li {
float: left;
width: 47.580645161%;
}
.archives-template li:nth-child(odd) {
clear: both;
}
.archives-template li:nth-child(even) {
float: right;
} .masonry-sizer,
body.content-full-width .masonry-sizer {
width: 100%;
}
.masonry-gutter,
body.content-full-width .masonry-gutter {
width: 0;
}
body.wpshower-masonry .entry-meta {
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
} .portfolio-gallery {
float: none;
width: 100%;
}
.portfolio-info {
float: none;
width: 100%;
}
.portfolio-info h1 {
font-size: 28px;
font-size: 2.8rem;
line-height: 34px;
line-height: 3.4rem;
} .widget {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
margin-bottom: 30px;
margin-bottom: 3rem;
} .widget_wpshower_index_featured_articles article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_featured_articles article .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
}
.widget_wpshower_index_featured_articles article h2 {
font-size: 20px;
font-size: 2rem;
line-height: 25px;
line-height: 2.5rem;
}
.widget_wpshower_index_featured_articles article .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_highlights .container {
width: 100%;
margin-bottom: 30px;
margin-bottom: 3rem;
}
.widget_wpshower_index_highlights li article > a img {
margin-bottom: 14px;
margin-bottom: 1.4rem;
}
.widget_wpshower_index_highlights li article .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_highlights li article h2 {
margin: 0 0 6px;
margin: 0 0 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
}
.widget_wpshower_index_highlights li article .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_highlights .latest {
width: 100%;
}
.widget_wpshower_index_highlights .latest img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_highlights .latest h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
}
.widget_wpshower_index_highlights .latest li {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_category > div > article,
.widget_wpshower_index_category .article-list {
width: 100%;
}
.widget_wpshower_index_category > div > article {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
border-bottom: 1px solid #edece8;
}
.widget_wpshower_index_category > div > article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_category > div > article .meta {
margin-bottom: 2px;
margin-bottom: 0.2rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_category h3 {
margin-bottom: 6px;
margin-bottom: 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
line-height: 2.2rem;
}
.widget_wpshower_index_category .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
}
.widget_wpshower_index_category .article-list li {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_category .article-list .meta {
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
} .widget_wpshower_index_editors_choice article {
padding-right: 25px;
padding-right: 2.5rem;
}
.widget_wpshower_index_editors_choice article > a img {
margin-bottom: 6px;
margin-bottom: 0.6rem;
}
.widget_wpshower_index_editors_choice article .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_editors_choice article h3 {
font-size: 13px;
font-size: 1.3rem;
line-height: 17px;
line-height: 1.7rem;
} .wpshower-more-like-this li {
width: 47.983870968%;
margin-right: 0 !important;
}
.wpshower-more-like-this li:nth-child(2) {
float: right;
}
.wpshower-more-like-this li:nth-child(3) {
display: none;
}
.wpshower-more-like-this article h2 {
margin-top: 6px;
margin-top: 0.6rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_categories .column {
width: 48%;
}
.widget_wpshower_index_categories .column:nth-child(odd) {
float: left;
}
.widget_wpshower_index_categories .column:nth-child(even) {
float: right;
}
.widget_wpshower_index_categories .column:first-child,
.widget_wpshower_index_categories .column:nth-child(2) {
margin-bottom: 45px;
margin-bottom: 4.5rem;
}
.widget_wpshower_index_categories .column:nth-child(3) {
clear: both;
}
.widget_wpshower_index_categories .column > ul > li {
padding-bottom: 14px;
padding-bottom: 1.4rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_categories .column > ul > li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.widget_wpshower_index_categories .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_categories .column h4 {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_two_categories .column:first-child {
margin-bottom: 45px;
margin-bottom: 4.5rem;
}
.widget_wpshower_index_two_categories .column > ul > li {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
}
.widget_wpshower_index_two_categories .big > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_two_categories .big .meta {
margin-bottom: 2px;
margin-bottom: 0.2rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_two_categories .small .meta {
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_two_categories .column h4 {
margin-bottom: 6px;
margin-bottom: 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 21px;
line-height: 2.1rem;
}
.widget_wpshower_index_two_categories .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
} .widget_wpshower_index_videos article > a img {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.widget_wpshower_index_videos .meta {
margin-bottom: 1px;
margin-bottom: 0.1rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 14px;
line-height: 1.4rem;
}
.widget_wpshower_index_videos h2 {
margin-bottom: 6px;
margin-bottom: 0.6rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 26px;
line-height: 2.6rem;
}
.widget_wpshower_index_videos .summary {
font-size: 13px;
font-size: 1.3rem;
line-height: 19px;
line-height: 1.9rem;
} .widget_wpshower_index_latest_entries article > a {
width: 26.666666667%;
}
.widget_wpshower_index_latest_entries article > div {
width: 70%;
padding: 0;
}
.widget_wpshower_index_latest_entries .meta-top {
margin-bottom: 2px;
margin-bottom: 0.2rem;
font-size: 11px;
font-size: 1.1rem;
line-height: 18px;
line-height: 1.8rem;
}
.widget_wpshower_index_latest_entries article h2 {
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
}
.widget_wpshower_index_latest_entries .meta,
.widget_wpshower_index_latest_entries article .summary {
display: none;
}
.site-footer {
padding: 13px 15px;
padding: 1.3rem 1.5rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
line-height: 2rem;
}
.site-info {
margin-bottom: 7px;
margin-bottom: 0.7rem;
}
}  @media print {
footer a[rel="bookmark"]:link:after,
footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] ";
}
#respond,
.comments-area .comment-edit-link,
.comments-area .reply,
.share-side,
#section-toggle {
display: none;
}
}
#sidebar_right ul.ads {
list-style-type: none;
margin: 0;
padding: 0;
width: 127px;
float: right;
}
#sidebar_right ul.ads li{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 127px;
float: right;
align: right;
}
#sidebar_right ul.ads li{
width: 125px;
height: 125px;
float: left;
margin: 0 0 32px 0;
}
#sidebar_right ul.ads li:last-child{
}
#sidebar_right ul.ads li img{
;
}
#sidebar_right ul.ads li a.img{
border: 1px solid #000;
}	
ins {
width: 100%!important;
max-width: 728px;
}
.img_ad {
width: 100%;
}
.google_image_div img {
width: 100%!important;
}
.img_ad img {
width: 100%;
}