.serif {
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
}
html.detectizr-os-windows .serif {
font-family: Times New Roman, Georgia, serif;
}
.text-hide {
overflow: hidden;
text-indent: -999em;
text-align: left;
}
.clearfix {
overflow: hidden;
zoom: 1;
}
.border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right {
float: right;
}
.left {
text-align: left;
}
@media only screen and (max-width: 900px) {
.mobile-hidden {
display: none;
}
}
.tablet-display {
display: none;
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.tablet-display {
display: block;
}
}
.mobile-display {
display: none;
}
@media only screen and (max-width: 600px) {
.mobile-display {
display: block;
}
}
.clear {
clear: both;
}
.pagination {
clear: both;
text-align: center;
}
.left-th,
.left-td,
.left-th th,
.left-td td {
text-align: left;
}
.right-th {
text-align: right;
}
.island {
margin-bottom: 30px;
}
.islet {
margin-bottom: 15px;
}
.spanner {
display: inline-block;
font-weight: bold;
min-width: 6em;
}
th.spanner {
display: table-cell;
}
.full-width {
width: 100%;
}
html,
body {
margin: 0;
padding: 0;
position: relative;
}
body {
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
-webkit-font-smoothing: antialiased;
color: #2a2827;
background: #ffffff;
}
html.detectizr-os-windows body {
font-family: Times New Roman, Georgia, serif;
}
html {
font-size: 1.0625em;
line-height: 1.411764705882353em;
}
label {
cursor: pointer;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
.grid-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-item.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-item {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-item {
width: 100% !important;
}
}
.grid-wrapper {
overflow: hidden;
zoom: 1;
padding: 0 15px;
max-width: 1080px;
margin: 0 auto;
}
@media only screen and (max-width: 900px) {
.grid-wrapper {
padding: 0;
}
}
.grid-wrapper .grid-12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-12.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-12 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-12 {
width: 100% !important;
}
}
.grid-wrapper .grid-12 .grid-12 {
width: 100%;
}
.grid-wrapper .grid-12 .grid-11 {
width: 91.66666666666666%;
}
.grid-wrapper .grid-12 .grid-10 {
width: 83.33333333333334%;
}
.grid-wrapper .grid-12 .grid-9 {
width: 75%;
}
.grid-wrapper .grid-12 .grid-8 {
width: 66.66666666666666%;
}
.grid-wrapper .grid-12 .grid-7 {
width: 58.333333333333336%;
}
.grid-wrapper .grid-12 .grid-6 {
width: 50%;
}
.grid-wrapper .grid-12 .grid-5 {
width: 41.66666666666667%;
}
.grid-wrapper .grid-12 .grid-4 {
width: 33.33333333333333%;
}
.grid-wrapper .grid-12 .grid-3 {
width: 25%;
}
.grid-wrapper .grid-12 .grid-2 {
width: 16.666666666666664%;
}
.grid-wrapper .grid-12 .grid-1 {
width: 8.333333333333332%;
}
.grid-wrapper .grid-11 {
width: 91.66666666666666%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-11.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-11 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-11 {
width: 100% !important;
}
}
.grid-wrapper .grid-11 .grid-11 {
width: 100%;
}
.grid-wrapper .grid-11 .grid-10 {
width: 90.9090909090909%;
}
.grid-wrapper .grid-11 .grid-9 {
width: 81.81818181818183%;
}
.grid-wrapper .grid-11 .grid-8 {
width: 72.72727272727273%;
}
.grid-wrapper .grid-11 .grid-7 {
width: 63.63636363636363%;
}
.grid-wrapper .grid-11 .grid-6 {
width: 54.54545454545454%;
}
.grid-wrapper .grid-11 .grid-5 {
width: 45.45454545454545%;
}
.grid-wrapper .grid-11 .grid-4 {
width: 36.36363636363637%;
}
.grid-wrapper .grid-11 .grid-3 {
width: 27.27272727272727%;
}
.grid-wrapper .grid-11 .grid-2 {
width: 18.181818181818183%;
}
.grid-wrapper .grid-11 .grid-1 {
width: 9.090909090909092%;
}
.grid-wrapper .grid-10 {
width: 83.33333333333334%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-10.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-10 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-10 {
width: 100% !important;
}
}
.grid-wrapper .grid-10 .grid-10 {
width: 100%;
}
.grid-wrapper .grid-10 .grid-9 {
width: 90%;
}
.grid-wrapper .grid-10 .grid-8 {
width: 80%;
}
.grid-wrapper .grid-10 .grid-7 {
width: 70%;
}
.grid-wrapper .grid-10 .grid-6 {
width: 60%;
}
.grid-wrapper .grid-10 .grid-5 {
width: 50%;
}
.grid-wrapper .grid-10 .grid-4 {
width: 40%;
}
.grid-wrapper .grid-10 .grid-3 {
width: 30%;
}
.grid-wrapper .grid-10 .grid-2 {
width: 20%;
}
.grid-wrapper .grid-10 .grid-1 {
width: 10%;
}
.grid-wrapper .grid-9 {
width: 75%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-9.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-9 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-9 {
width: 100% !important;
}
}
.grid-wrapper .grid-9 .grid-9 {
width: 100%;
}
.grid-wrapper .grid-9 .grid-8 {
width: 88.88888888888889%;
}
.grid-wrapper .grid-9 .grid-7 {
width: 77.77777777777779%;
}
.grid-wrapper .grid-9 .grid-6 {
width: 66.66666666666666%;
}
.grid-wrapper .grid-9 .grid-5 {
width: 55.55555555555556%;
}
.grid-wrapper .grid-9 .grid-4 {
width: 44.44444444444444%;
}
.grid-wrapper .grid-9 .grid-3 {
width: 33.33333333333333%;
}
.grid-wrapper .grid-9 .grid-2 {
width: 22.22222222222222%;
}
.grid-wrapper .grid-9 .grid-1 {
width: 11.11111111111111%;
}
.grid-wrapper .grid-8 {
width: 66.66666666666666%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-8.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-8 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-8 {
width: 100% !important;
}
}
.grid-wrapper .grid-8 .grid-8 {
width: 100%;
}
.grid-wrapper .grid-8 .grid-7 {
width: 87.5%;
}
.grid-wrapper .grid-8 .grid-6 {
width: 75%;
}
.grid-wrapper .grid-8 .grid-5 {
width: 62.5%;
}
.grid-wrapper .grid-8 .grid-4 {
width: 50%;
}
.grid-wrapper .grid-8 .grid-3 {
width: 37.5%;
}
.grid-wrapper .grid-8 .grid-2 {
width: 25%;
}
.grid-wrapper .grid-8 .grid-1 {
width: 12.5%;
}
.grid-wrapper .grid-7 {
width: 58.333333333333336%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-7.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-7 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-7 {
width: 100% !important;
}
}
.grid-wrapper .grid-7 .grid-7 {
width: 100%;
}
.grid-wrapper .grid-7 .grid-6 {
width: 85.71428571428571%;
}
.grid-wrapper .grid-7 .grid-5 {
width: 71.42857142857143%;
}
.grid-wrapper .grid-7 .grid-4 {
width: 57.14285714285714%;
}
.grid-wrapper .grid-7 .grid-3 {
width: 42.857142857142854%;
}
.grid-wrapper .grid-7 .grid-2 {
width: 28.57142857142857%;
}
.grid-wrapper .grid-7 .grid-1 {
width: 14.285714285714285%;
}
.grid-wrapper .grid-6 {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-6.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-6 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-6 {
width: 100% !important;
}
}
.grid-wrapper .grid-6 .grid-6 {
width: 100%;
}
.grid-wrapper .grid-6 .grid-5 {
width: 83.33333333333334%;
}
.grid-wrapper .grid-6 .grid-4 {
width: 66.66666666666666%;
}
.grid-wrapper .grid-6 .grid-3 {
width: 50%;
}
.grid-wrapper .grid-6 .grid-2 {
width: 33.33333333333333%;
}
.grid-wrapper .grid-6 .grid-1 {
width: 16.666666666666664%;
}
.grid-wrapper .grid-5 {
width: 41.66666666666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-5.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-5 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-5 {
width: 100% !important;
}
}
.grid-wrapper .grid-5 .grid-5 {
width: 100%;
}
.grid-wrapper .grid-5 .grid-4 {
width: 80%;
}
.grid-wrapper .grid-5 .grid-3 {
width: 60%;
}
.grid-wrapper .grid-5 .grid-2 {
width: 40%;
}
.grid-wrapper .grid-5 .grid-1 {
width: 20%;
}
.grid-wrapper .grid-4 {
width: 33.33333333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-4.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-4 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-4 {
width: 100% !important;
}
}
.grid-wrapper .grid-4 .grid-4 {
width: 100%;
}
.grid-wrapper .grid-4 .grid-3 {
width: 75%;
}
.grid-wrapper .grid-4 .grid-2 {
width: 50%;
}
.grid-wrapper .grid-4 .grid-1 {
width: 25%;
}
.grid-wrapper .grid-3 {
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-3.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-3 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-3 {
width: 100% !important;
}
}
.grid-wrapper .grid-3 .grid-3 {
width: 100%;
}
.grid-wrapper .grid-3 .grid-2 {
width: 66.66666666666666%;
}
.grid-wrapper .grid-3 .grid-1 {
width: 33.33333333333333%;
}
.grid-wrapper .grid-2 {
width: 16.666666666666664%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-2.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-2 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-2 {
width: 100% !important;
}
}
.grid-wrapper .grid-2 .grid-2 {
width: 100%;
}
.grid-wrapper .grid-2 .grid-1 {
width: 50%;
}
.grid-wrapper .grid-1 {
width: 8.333333333333332%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px;
}
.grid-wrapper .grid-1.right {
float: right;
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-1 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px) {
.grid-wrapper .grid-1 {
width: 100% !important;
}
}
.grid-wrapper .grid-1 .grid-1 {
width: 100%;
}
.grid-wrapper .grid-align-right {
padding-right: 0;
}
.grid-wrapper .grid-align-left {
padding-left: 0;
}
.grid-wrapper.demo {
line-height: 30px;
text-align: center;
}
.grid-wrapper.demo span {
background: #cfcfcf;
display: block;
}
.grid-wrapper.demo .grid-1,
.grid-wrapper.demo .grid-2,
.grid-wrapper.demo .grid-3,
.grid-wrapper.demo .grid-4,
.grid-wrapper.demo .grid-5,
.grid-wrapper.demo .grid-6,
.grid-wrapper.demo .grid-7,
.grid-wrapper.demo .grid-8,
.grid-wrapper.demo .grid-9,
.grid-wrapper.demo .grid-10,
.grid-wrapper.demo .grid-11,
.grid-wrapper.demo .grid-12 {
height: 30px;
}
.grid-wrapper .grid-archive .grid-4 {
display: inline-block;
float: none;
vertical-align: top;
width: 33.0%;
}
.grid-wrapper .grid-archive .grid-4 .border {
margin-bottom: 0;
}
.grid-parent {
margin: 0 -15px;
overflow: hidden;
zoom: 1;
}
.center-box {
clear: both;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.x-ray {
overflow: visible;
}
@media only screen and (max-width: 900px) {
.grid-mobile .grid-2 {
width: 50% !important;
}
.subscribe-form input#CCV {
width: 50%;
}
}
.max-width-320 {
max-width: 350px;
}
@media only screen and (max-width: 900px) {
.max-width-320 {
clear: both;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
img {
max-width: 100%;
height: auto;
display: block;
}
@media only screen and (max-width: 900px) {
img {
margin-left: auto;
margin-right: auto;
}
}
a img {
border: none;
}
.grid-wrapper .grid-naked {
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 900px) {
.grid-columns .grid-5:first-child {
padding-right: 105px;
}
.grid-columns .grid-5:last-child {
padding-left: 105px;
border-left: 1px solid #cfcfcf;
}
}
.single-article article img,
.single-opinion article img {
float: left;
margin: 4px 20px 20px 0;
}
.single-article article img.alignnone,
.single-opinion article img.alignnone {
float: none;
margin: 0 0 20px;
}
.single-article article img.alignleft,
.single-opinion article img.alignleft {
float: left;
margin: 4px 20px 20px 0;
}
.single-article article img.alignright,
.single-opinion article img.alignright {
float: right;
margin: 4px 0 20px 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul {
margin: 0;
margin-bottom: 1em;
font-weight: normal;
}
ul {
padding-left: 20px;
}
p {
margin-bottom: 1em;
}
p u {
color: #888483;
text-decoration: none;
}
em,
.em {
font-style: italic;
}
mark {
background-color: transparent;
font-weight: bold;
}
.drop-cap p:first-child:first-letter,
p.drop-cap:first-letter,
.drop-cap h3 + p:first-letter,
span.drop-cap-letter {
font-size: 50px;
font-size: 2.9411764705882355rem;
float: left;
padding-top: 13px;
padding-right: 4px;
}
@-moz-document url-prefix() {
.drop-cap p:first-child:first-letter,
p.drop-cap:first-letter {
padding-top: 6px;
}
}
.i {
font-style: italic;
}
.name {
display: block;
text-transform: uppercase;
position: relative;
padding-bottom: 5px;
text-align: center;
font-size: 14px;
font-size: 0.8235294117647058rem;
margin-bottom: 4em;
}
@media only screen and (max-width: 900px) {
.name {
margin-bottom: 2em;
}
}
.name .word-first-letter {
font-size: 18px;
font-size: 1.0588235294117647rem;
font-weight: bold;
}
.name:after {
content: '';
width: 100px;
border-top: 1px solid #000000;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50px;
}
.author-desc {
position: relative;
padding: 25px 0 10px 0;
margin-top: 30px;
}
.author-desc:before {
content: '';
width: 100px;
border-top: 1px solid #000000;
position: absolute;
top: 0;
left: 50%;
margin-left: -50px;
}
a {
color: #8e000d;
text-decoration: none;
}
a:hover,
a:focus {
color: #888483;
}
p a,
li a,
.media__body a,
.announcement a,
.my_account_orders a,
.order_details a {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 1px;
}
p a:hover,
li a:hover,
.media__body a:hover,
.announcement a:hover,
.my_account_orders a:hover,
.order_details a:hover,
p a:focus,
li a:focus,
.media__body a:focus,
.announcement a:focus,
.my_account_orders a:focus,
.order_details a:focus {
border-bottom: 1px solid #888483;
}
h1,
.h1 {
font-weight: bold;
font-size: 50px;
font-size: 2.9411764705882355rem;
line-height: 60px;
line-height: 3.5294117647058822rem;
text-align: center;
}
@media only screen and (max-width: 900px) {
h1,
.h1 {
margin-bottom: 0.5em;
}
}
h1 a,
.h1 a {
color: #000000;
}
h1 a:hover,
.h1 a:hover {
color: #000000;
text-decoration: none;
}
h2,
.h2 {
font-size: 22px;
font-size: 1.2941176470588236rem;
line-height: 24px;
line-height: 1.411764705882353rem;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #383534;
}
@media only screen and (max-width: 900px) {
h2,
.h2 {
text-align: center;
}
}
.archive.tax-issue h2 {
margin: 28px 0 11px 0;
}
p:last-child + h2 {
margin: 28px 0 11px 0;
}
h3,
.h3 {
font-size: 20px;
font-size: 1.1764705882352942rem;
line-height: 28px;
line-height: 1.6470588235294117rem;
color: #000000;
margin-bottom: 3px;
font-weight: bold;
}
h3 a,
.h3 a {
color: #8e000d;
}
h3 a:hover,
.h3 a:hover {
color: #8e000d;
text-decoration: none;
}
h4,
.h4,
.intro,
.woocommerce > .order-info {
font-size: 26px;
font-size: 1.5294117647058822rem;
line-height: 36px;
line-height: 2.1176470588235294rem;
margin-bottom: 60px;
font-weight: normal;
text-align: center;
}
h5,
.h5,
.title {
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-size: 0.8235294117647058rem;
line-height: 20px;
line-height: 1.1764705882352942rem;
margin-bottom: 10px;
color: #888483;
}
h6,
.h6,
.author,
.postdate {
font-style: italic;
color: #888483;
font-size: 14px;
font-size: 0.8235294117647058rem;
}
cite {
font-size: 14px;
font-size: 0.8235294117647058rem;
line-height: 24px;
line-height: 1.411764705882353rem;
text-align: right;
display: block;
}
cite:before {
content: ' - ';
}
q.indent-quote,
.pull-quote {
text-align: center;
padding: 0;
display: block;
font-style: italic;
font-size: 30px;
font-size: 1.7647058823529411rem;
line-height: 31px;
line-height: 1.8235294117647058rem;
position: relative;
padding: 30px 0 26px 0;
margin: 40px 0;
}
q.indent-quote p,
.pull-quote p {
margin: 0;
}
q.indent-quote p em,
.pull-quote p em {
font-style: normal;
}
q.indent-quote:before,
.pull-quote:before,
q.indent-quote:after,
.pull-quote:after {
content: '';
width: 50px;
border-top: 1px solid #000000;
position: absolute;
top: 0;
left: 50%;
margin-left: -25px;
}
q.indent-quote:after,
.pull-quote:after {
top: 100%;
}
q.indent-quote:first-letter,
.pull-quote:first-letter {
font-weight: bold;
}
q.indent-quote em,
.pull-quote em {
font-style: normal;
}
blockquote {
padding-left: 30px;
margin-left: 0;
display: block;
font-size: 18px;
font-size: 1.0588235294117647rem;
font-style: italic;
}
blockquote em {
font-style: normal;
}
.button,
button,
input[type=button],
input.wpcf7-submit {
background: #8e000d;
color: #ffffff;
display: inline-block;
padding: 10px 10px;
min-width: 150px;
width: auto;
border: 0;
font-size: 17px;
font-size: 1rem;
margin: 0;
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
text-decoration: none;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
line-height: 24px;
-webkit-appearance: none;
/* Override iOS styling */
-webkit-border-radius: 0;
border-radius: 0;
border: 0!important;
}
html.detectizr-os-windows .button,
html.detectizr-os-windows button,
html.detectizr-os-windows input[type=button],
html.detectizr-os-windows input.wpcf7-submit {
font-family: Times New Roman, Georgia, serif;
}
.grid-2 .button,
.grid-2 button,
.grid-2 input[type=button],
.grid-2 input.wpcf7-submit {
min-width: 100%;
display: block;
}
@media only screen and (max-width: 900px) {
.grid-2 .button,
.grid-2 button,
.grid-2 input[type=button],
.grid-2 input.wpcf7-submit {
max-width: 150px;
margin-left: auto;
margin-right: auto;
}
}
.button:hover,
button:hover,
input[type=button]:hover,
input.wpcf7-submit:hover {
background: #a2000f;
color: #ffffff;
text-decoration: none;
}
.button.square,
button.square,
input[type=button].square,
input.wpcf7-submit.square {
height: 40px;
width: 40px;
padding: 0;
min-width: 0;
line-height: 40px;
}
@media only screen and (max-width: 900px) {
.button.center-at-mobile,
button.center-at-mobile,
input[type=button].center-at-mobile,
input.wpcf7-submit.center-at-mobile {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
max-width: 150px;
}
}
.button.cancel,
button.cancel,
input[type=button].cancel,
input.wpcf7-submit.cancel {
background-color: #383534;
}
.button.cancel:hover,
button.cancel:hover,
input[type=button].cancel:hover,
input.wpcf7-submit.cancel:hover {
background-color: #585351;
}
.button.select-hight,
button.select-hight,
input[type=button].select-hight,
input.wpcf7-submit.select-hight {
margin-top: 2px;
}
.canceling {
line-height: 40px;
}
.break-word {
word-wrap: break-word;
}
.icon {
background: #8e000d;
color: #ffffff;
font-family: 'SSStandard';
font-size: 17px;
height: 60px;
width: 60px;
min-width: 0;
text-align: center;
padding: 0;
line-height: 60px;
}
.icon.ss-icon.ss-social {
font-family: 'SSSocial';
}
.icon.darkgrey {
background: #383534;
}
.icon.darkgrey:hover {
background: #433f3e;
}
.icon.grey {
background: #888483;
}
.icon.grey:hover {
background: #928e8d;
}
.icon.comment {
font-size: 24px;
line-height: 47px;
}
.icon.facebook {
font-size: 28px;
line-height: 48px;
background: #3c5a94;
}
.icon.facebook:hover {
background: #4263a3;
}
.icon.twitter {
font-size: 28px;
line-height: 49px;
background: #05ade8;
}
.icon.twitter:hover {
background: #08bbfa;
}
.icon.mail {
font-size: 28px;
line-height: 49px;
background: #eebf2b;
}
.icon.mail:hover {
background: #f1ca51;
}
.icon.share {
font-size: 28px;
line-height: 48px;
}
.demo .icon {
margin: 0 10px 10px 0;
}
.icon.small {
width: 30px;
height: 30px;
line-height: 34px;
font-size: 14px;
}
.icon.small.print {
line-height: 36px;
}
.icon.medium {
width: 40px;
height: 40px;
line-height: 44px;
font-size: 16px;
}
.icon.remove {
background-color: #383534;
}
.icon.remove:hover,
.icon.remove:focus {
background-color: #2a2827;
}
.ss-icon {
vertical-align: middle;
}
.media-wrap {
position: relative;
}
.media-icon {
position: absolute;
opacity: 0.8;
top: 0;
right: 0;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 16px;
}
.icon.close {
background: transparent;
color: #8e000d;
float: right;
margin: -15px -15px 0 0;
}
nav.mega {
width: 350px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #3d3938;
-webkit-overflow-scrolling: touch;
z-index: 1;
}
body.admin-bar nav.mega {
padding-top: 28px;
}
nav.mega .scroll {
position: absolute;
top: 60px;
left: 0;
width: 100%;
bottom: 0;
overflow-y: auto;
}
body.admin-bar nav.mega .scroll {
top: 88px;
}
nav.mega:before {
z-index: 99;
content: '';
position: absolute;
width: 10px;
top: 0;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#007db9e8', GradientType=1);
/* IE6-9 */
}
nav.mega #searchform {
overflow: hidden;
zoom: 1;
}
nav.mega #searchform #searchtext {
background: #3d3938;
display: block;
float: left;
width: 220px;
height: 60px;
padding: 0;
color: #cfcfcf;
outline: none;
border-bottom: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
nav.mega #searchform #searchtext::-webkit-input-placeholder {
color: #cfcfcf;
}
nav.mega #searchform #searchtext:-moz-placeholder {
/* Firefox 18- */
color: #cfcfcf;
}
nav.mega #searchform #searchtext::-moz-placeholder {
/* Firefox 19+ */
color: #cfcfcf;
}
nav.mega #searchform #searchtext:-ms-input-placeholder {
color: #cfcfcf;
}
nav.mega #searchform #searchsubmit {
display: none;
}
nav.mega #searchform label {
margin-left: 10px;
color: #ffffff;
}
nav.mega #searchform label:hover,
nav.mega #searchform label:focus {
color: #cfcfcf;
}
nav.mega #searchform .ss-icon {
display: block;
float: left;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
nav.mega #searchform .menu-close-trigger {
background: #343231;
color: #888483;
cursor: pointer;
}
nav.mega #searchform .menu-close-trigger:hover,
nav.mega #searchform .menu-close-trigger:focus {
background: #2e2b2a;
}
nav.mega li {
margin: 0;
}
nav.mega ul {
padding: 0;
margin: 0;
list-style-type: none;
}
nav.mega ul.main ul,
nav.mega ul.main li {
margin: 0;
padding: 0;
background: #2a2827;
}
nav.mega ul.main span {
display: block;
position: relative;
}
nav.mega ul.main span:hover {
background: #423e3d;
}
nav.mega ul.main span a {
display: block;
padding: 15px 30px;
border: none;
}
nav.mega ul.main span.span-padding {
padding: 15px 30px;
}
nav.mega ul.main span.span-padding:hover {
background: transparent;
}
nav.mega ul.main span.span-padding a {
display: inline;
padding: 0;
border-bottom: 1px solid #888483;
}
nav.mega ul.main span.span-padding a:hover,
nav.mega ul.main span.span-padding a:focus {
border-bottom: none;
}
nav.mega ul.main a {
color: #ffffff;
}
nav.mega ul.main .parent {
background: #383534;
margin: 0 0 1px 0;
line-height: 30px;
font-size: 17px;
font-size: 1rem;
cursor: pointer;
}
nav.mega ul.main .top {
display: block;
background: #504d4c;
color: #cfcfcf;
margin: 0 0 1px 0;
}
span nav.mega ul.main .top nav.mega ul.main .top:hover {
background: #423e3d;
}
nav.mega ul.main .nav-cols {
overflow: hidden;
zoom: 1;
position: relative;
}
nav.mega ul.main .nav-cols .first-col {
display: inline-block;
width: 50%;
}
nav.mega ul.main .nav-cols .last-col {
border-left: 1px solid #3d3938;
display: inline-block;
width: 50%;
position: absolute;
top: 0;
right: 0;
}
nav.mega ul.main .level2 {
background: #383534;
margin: 0 0 1px 0;
}
nav.mega ul.main .level2:hover {
background: #2e2b2a;
}
nav.mega ul.main .ss-icon {
padding: 0;
width: 60px;
height: 60px;
line-height: 60px;
position: absolute;
right: 0;
top: 0;
text-align: center;
}
nav.mega ul.main .navigatedown {
display: none;
}
nav.mega ul.main .active {
background: #5b0008;
color: #ffffff;
}
nav.mega ul.main .active:hover {
background: #5b0008;
}
nav.mega ul.main .active .next {
display: none;
}
nav.mega ul.main .active .navigatedown {
display: block;
}
nav.mega ul.main .active .navigatedown:hover {
background: transparent;
}
nav.mega ul.main .top.active {
background: #8e000d;
color: #ffffff;
}
nav.mega .logo {
display: block;
background-position: center;
height: 80px;
background-repeat: no-repeat;
background-image: url("../img/q.png");
}
html.svg nav.mega .logo {
background-image: url("../img/q.svg");
}
#wrapper {
background-color: #ffffff;
left: 0;
position: relative;
padding-bottom: 80px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
z-index: 2;
}
body.mega-active #wrapper,
body.mega-active footer.footer {
left: -350px;
}
html.csstransforms body.mega-active #wrapper,
html.csstransforms body.mega-active footer.footer {
left: 0;
transform: translate(-350px, 0);
-o-transform: translate(-350px, 0);
-ms-transform: translate(-350px, 0);
-moz-transform: translate(-350px, 0);
-webkit-transform: translate(-350px, 0);
}
.chromeframe {
background: #fdf2ce;
font-size: 17px;
font-size: 1rem;
padding: 18px 0;
}
.chromeframe .grid-12 {
margin-bottom: 0;
}
.chromeframe p {
margin: 0;
}
#ie6 .chromeframe {
padding: 30px 30px 30px 350px;
}
.toolbar {
background: #000000;
-webkit-font-smoothing: subpixel-antialiased;
color: #888483;
font-size: 17px;
font-size: 1rem;
padding: 18px 0;
position: relative;
}
.toolbar .mobile-logo {
display: none;
overflow: hidden;
text-indent: -999em;
text-align: left;
background-image: url("../img/logo-sml-white.png");
background-repeat: no-repeat;
width: 122px;
height: 36px;
margin: 0 auto;
border: 0;
}
html.svg .toolbar .mobile-logo {
background-image: url("../img/logo-sml-white.svg");
}
.toolbar .cart {
padding-left: 15px;
}
@media only screen and (max-width: 900px) {
.toolbar {
padding: 12px 0;
}
.toolbar .mobile-logo {
display: block;
}
.toolbar .grid-wrapper {
display: none;
}
}
.toolbar a {
color: #ffffff;
border-bottom: 1px solid #cfcfcf;
}
.toolbar a:hover,
.toolbar a:focus {
border-bottom-color: #ffffff;
}
.toolbar .menu-trigger {
text-transform: uppercase;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
font-size: 20px;
font-size: 1.1764705882352942rem;
letter-spacing: 3px;
font-style: normal;
padding: 18px 0 18px 18px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-width: 0;
border: 0;
}
@media only screen and (max-width: 900px) {
.toolbar .menu-trigger {
padding-left: 0;
}
}
@media only screen and (max-width: 900px) {
.toolbar .menu-trigger span.text {
display: none;
}
}
.toolbar .menu-trigger .ss-icon {
font-size: 16px;
width: 60px;
display: inline-block;
text-align: center;
}
.toolbar .grid-12 {
margin-bottom: 0;
}
header.header hr {
margin-bottom: 0;
}
.logo {
margin: 50px 0 60px 0;
}
@media only screen and (max-width: 900px) {
.logo {
display: none;
}
}
.logo a {
background-image: url("../img/logo-v3.png");
width: 350px;
height: 100px;
display: block;
overflow: hidden;
text-indent: -999em;
text-align: left;
margin: 0 auto;
border: 0;
}
html.svg .logo a {
background-image: url("../img/logo-v3.svg");
}
.print-logo {
height: 0;
overflow: hidden;
}
footer.footer {
padding: 35px 0;
background: #383534;
color: #ffffff;
text-align: center;
font-size: 15px;
font-size: 0.8823529411764706rem;
line-height: 24px;
line-height: 1.411764705882353rem;
position: relative;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
z-index: 2;
}
footer.footer a {
color: #ffffff;
text-decoration: none;
border-bottom-color: #888483;
}
footer.footer a:hover,
footer.footer a:focus {
border-bottom: none;
color: #888483;
}
footer.footer .footer-links {
padding-bottom: 1px;
font-size: 14px;
font-size: 0.8235294117647058rem;
line-height: 24px;
line-height: 1.411764705882353rem;
}
footer.footer .footer-links ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer.footer .footer-links ul li {
display: inline;
white-space: nowrap;
margin: 0 4px;
}
footer.footer .footer-links a {
border-bottom: 1px solid #888483;
text-transform: uppercase;
}
footer.footer .footer-links a:hover,
footer.footer .footer-links a:focus {
border-bottom: none;
color: #888483;
}
footer.footer .social a {
background: #ffffff;
color: #383534;
border: 0;
display: inline-block;
height: 24px;
width: 24px;
line-height: 30px;
font-size: 15px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
margin: 0 5px;
}
footer.footer .social a:hover,
footer.footer .social a:focus {
background: #888483;
}
footer.footer input {
background: #353231;
color: #ffffff;
height: 60px;
border-bottom: 1px solid #8e000d;
}
footer.footer button.square {
height: 60px;
width: 60px;
padding-left: 0;
min-width: 0;
line-height: 60px;
}
footer.footer .footer-signoff {
background-position: top;
padding-top: 80px;
background-repeat: no-repeat;
background-image: url("../img/q.png");
}
html.svg footer.footer .footer-signoff {
background-image: url("../img/q.svg");
}
.hr {
display: block;
height: 3px;
background: #ffffff;
border-top: 1px solid #888483;
border-bottom: 1px solid #888483;
border-left: 0;
border-right: 0;
outline: none;
clear: none;
margin: 0 0 1em 0;
}
hr {
display: block;
height: 3px;
background: #ffffff;
border-top: 1px solid #888483;
border-bottom: 1px solid #888483;
border-left: 0;
border-right: 0;
outline: none;
clear: none;
margin: 0 0 1em 0;
}
hr.simple {
height: 1px;
border-top: 1px solid #cfcfcf;
border-bottom: 0;
}
@media only screen and (max-width: 900px) {
section:before {
content: '';
display: block;
height: 3px;
background: #ffffff;
border-top: 1px solid #888483;
border-bottom: 1px solid #888483;
border-left: 0;
border-right: 0;
outline: none;
clear: none;
margin: 0 0 1em 0;
}
}
@media only screen and (max-width: 900px) {
.hide-on-mobile {
display: none!important;
}
}
.float-image {
float: left;
margin-right: 30px;
}
.grid-wrapper > hr,
.grid-parent > hr {
margin-left: 15px;
margin-right: 15px;
}
.center {
text-align: center;
}
.abyss {
margin-bottom: 200px;
}
.grey-box {
background: #f5f5f5;
padding: 25px 15px;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
.grey-box {
margin-bottom: 15px;
padding: 15px;
}
}
.grey-box iframe {
max-width: 100% !important;
margin: 0 auto;
}
.border {
border: 1px solid #d2d2d2;
padding: 25px 15px;
margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
.border {
margin-bottom: 15px;
}
}
.border.no-top {
border-top: 0;
}
.panel--linked {
border: none;
position: relative;
padding: 0;
}
.panel--linked img {
float: none;
margin-bottom: 25px;
max-width: 100%;
}
.panel--linked .excerpt {
margin-bottom: 25px;
overflow: hidden;
zoom: 1;
}
.panel--linked .excerpt img {
float: left;
margin-right: 25px;
}
.panel--linked .excerpt p:before {
content: "";
width: 100px;
display: block;
overflow: hidden;
}
.panel--linked > a {
display: block;
border: 1px solid #d2d2d2;
padding: 25px 15px 0;
overflow: hidden;
zoom: 1;
}
.panel--linked > a h3 {
color: #8e000d;
margin-bottom: 10px;
}
.panel--linked > a h3 span {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 1px;
}
.panel--linked > a .postmetadata {
margin-bottom: 1em;
}
.panel--linked > a p {
color: #000000;
}
.panel--linked > a p.author,
.panel--linked > a p.postdate {
color: #888483;
margin-top: -5px;
display: inline;
}
.panel--linked > a p.linked__title {
margin-bottom: .4em;
}
.panel--linked > a p.linked__title span {
color: #8e000d;
border-bottom: 1px solid #cfcfcf;
}
.panel--linked > a:hover,
.panel--linked > a:focus {
background: #fafafa;
border-color: #2a2827;
}
.panel--linked > a:hover h3,
.panel--linked > a:focus h3 {
color: #888483;
}
.panel--linked > a:hover h3 span,
.panel--linked > a:focus h3 span {
border-bottom-color: #888483;
}
.panel--linked > a:hover .linked__title span,
.panel--linked > a:focus .linked__title span {
color: #888483;
border-bottom-color: #888483;
}
.panel--linked > a:hover p.em,
.panel--linked > a:focus p.em {
color: #888483;
}
.img-border {
border: 1px solid #d2d2d2;
display: block;
}
.borderline {
border-top: 1px solid #cfcfcf;
padding-top: 30px;
}
.no-margin {
margin-bottom: 0!important;
}
@media only screen and (max-width: 900px) {
.no-margin-mobile {
margin-bottom: 0!important;
}
}
.locked:before {
font-family: "SSStandard";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
content: 'lock';
position: absolute;
top: 6px;
right: 10px;
font-size: 12px;
color: #cfcfcf;
}
.unlocked:before {
font-family: "SSStandard";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
content: 'lock';
position: absolute;
top: 6px;
right: 10px;
font-size: 12px;
color: #cfcfcf;
}
.unlocked:before {
content: 'unlock';
}
.featured:after {
position: absolute;
top: 0;
right: 0;
background: #888483;
color: #ffffff;
content: 'Featured';
text-transform: uppercase;
padding: 0 5px;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
letter-spacing: 2px;
font-size: 12px;
font-size: 0.7058823529411765rem;
}
.alert,
.wpcf7-form div.wpcf7-response-output {
clear: both;
list-style-type: none;
font-weight: bold;
padding: 25px 50px 25px 15px;
position: relative;
margin: 0 0 30px;
}
.alert p,
.wpcf7-form div.wpcf7-response-output p {
font-weight: bold;
white-space: normal;
}
.alert li,
.wpcf7-form div.wpcf7-response-output li {
margin: 0;
font-weight: bold;
}
.alert > p:last-child,
.wpcf7-form div.wpcf7-response-output > p:last-child {
margin: 0;
}
.wpcf7-form span.wpcf7-not-valid-tip,
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax {
clear: both;
display: block;
padding: 5px 20px 5px 5px;
position: relative;
width: auto;
left: 0;
top: 0;
z-index: auto;
}
.alert-success,
.wpcf7-form div.wpcf7-mail-sent-ok {
background: #F4F5E9;
color: #919C35;
border: 0;
}
.alert-success .close,
.wpcf7-form div.wpcf7-mail-sent-ok .close {
color: #919C35;
}
.alert-info {
color: #bd930f;
background: #fdf8e8;
border-bottom: 0;
}
.alert-info .close {
color: #bd930f;
}
.alert-warning {
background: #D9EDF7;
color: #3A87AD;
border-bottom: 0;
}
.alert-warning .close {
color: #3A87AD;
}
.alert-danger,
.wpcf7-form div.wpcf7-validation-errors,
.wpcf7-form span.wpcf7-not-valid-tip,
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax,
.wpcf7-form div.wpcf7-mail-sent-ng,
.wpcf7-form div.wpcf7-spam-blocked {
background: #f2dede;
color: #8e000d;
border: 0;
}
.alert-danger .close,
.wpcf7-form div.wpcf7-validation-errors .close,
.wpcf7-form span.wpcf7-not-valid-tip .close,
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax .close,
.wpcf7-form div.wpcf7-mail-sent-ng .close,
.wpcf7-form div.wpcf7-spam-blocked .close {
color: #8e000d;
}
.alert-dismissable .close {
background: transparent;
display: block;
width: 20px;
height: 20px;
margin: 0;
text-decoration: none;
position: absolute;
top: 27px;
right: 15px;
border: 0!important;
}
#ie9 .alert-dismissable .ss-icon,
.lt-IE9 .alert-dismissable .ss-icon {
position: absolute;
top: 27px;
right: 15px;
}
#ie9 .alert-dismissable .ss-icon .close,
.lt-IE9 .alert-dismissable .ss-icon .close {
position: static;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
@media only screen and (max-width: 900px) {
.announcement {
margin: 1em 0 0 0;
}
}
.announcement .grid-12 {
margin-bottom: 0;
}
.announcement .alert {
background: #fdf2ce;
font-weight: normal;
margin-bottom: 0;
}
.announcement p {
font-weight: normal;
}
/* Default tables */
table.default,
.single-opinion article table,
.single-article article table {
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 30px;
}
table.default.fiddyfiddy td,
.single-opinion article table.fiddyfiddy td,
.single-article article table.fiddyfiddy td {
width: 50%;
}
table.default th,
.single-opinion article table th,
.single-article article table th,
table.default td,
.single-opinion article table td,
.single-article article table td {
border: 1px solid #cfcfcf;
padding: 10px 20px;
}
th {
font-weight: bold;
}
.recede th,
.recede td {
vertical-align: baseline;
}
.single-search-result {
margin: .5em 0;
}
.qua-inline-ad {
overflow: hidden;
zoom: 1;
float: right;
padding: 15px;
margin-left: 30px;
margin-bottom: 30px;
}
.grid-8.center-box .qua-inline-ad {
margin-right: -23%;
}
@media only screen and (max-width: 900px) {
.grid-8.center-box .qua-inline-ad {
margin-right: 0;
}
}
@media only screen and (max-width: 600px) {
.grid-8.center-box .qua-inline-ad {
float: none;
margin-left: 0;
}
}
.breadcrumb {
padding-top: 1em;
font-size: 22px;
font-size: 1.2941176470588236rem;
line-height: 24px;
line-height: 1.411764705882353rem;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #383534;
font-size: 14px;
font-size: 0.8235294117647058rem;
letter-spacing: 2px;
text-align: center;
color: #cfcfcf;
margin-bottom: 40px;
}
@media only screen and (max-width: 900px) {
.breadcrumb {
text-align: center;
}
}
.breadcrumb p {
margin: 0;
}
.breadcrumb a {
color: #888483;
}
.inline-login {
padding-top: 2.5em;
}
.inline-login button {
height: 40px;
padding: 0 0 0 0px;
min-width: 0;
margin-top: 24px;
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
text-transform: none;
font-size: 17px;
font-size: 1rem;
}
html.detectizr-os-windows .inline-login button {
font-family: Times New Roman, Georgia, serif;
}
.inline-login button .ss-icon {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
font-size: 20px;
}
.inline-login .forgot {
font-size: 14px;
font-size: 0.8235294117647058rem;
line-height: 40px;
margin-top: 24px;
}
@media only screen and (max-width: 900px) {
.inline-login .forgot {
display: inline-block;
float: none;
vertical-align: bottom;
margin-top: 0;
}
}
.article-toolbar {
background-color: #f5f5f5;
color: #888483;
padding: 3px 0;
text-align: center;
position: relative;
}
.article-toolbar .button.print {
position: absolute;
top: 0;
right: 0;
}
@media only screen and (max-width: 900px) {
.article-toolbar {
margin-left: -15px;
margin-right: -15px;
}
.article-toolbar .print {
display: none;
}
}
.article-footer {
border-top: 1px solid #cfcfcf;
padding-top: 20px;
}
.article-tags {
float: left;
line-height: 30px;
}
.article-tags .ss-icon {
vertical-align: top;
top: 4px;
position: relative;
}
.article-tags ul,
.article-tags li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
}
.article-social {
float: right;
}
@media only screen and (max-width: 600px) {
.article-social {
display: none;
}
}
.article-social a,
.article-social span {
display: block;
float: left;
margin-left: 10px;
}
.article-social .count {
background: #cfcfcf;
color: #ffffff;
padding: 0 10px;
height: 30px;
line-height: 32px;
position: relative;
}
.article-social .count:before {
content: '';
position: absolute;
left: -10px;
top: 10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #cfcfcf transparent transparent;
}
.gallery {
width: auto!important;
position: relative;
background: #cfcfcf;
}
.gallery .slide {
width: 100%!important;
background-size: cover;
background-position: center;
}
.gallery .slide img {
width: 100%;
visibility: hidden;
}
.gallery .pager {
position: absolute;
z-index: 100;
bottom: 30px;
width: 100%;
text-align: center;
}
.gallery .pager a {
overflow: hidden;
text-indent: -999em;
text-align: left;
width: 20px;
height: 20px;
display: inline-block;
background: #ffffff;
opacity: 0.5;
margin: 0 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gallery .pager a.activeSlide {
opacity: 1;
}
#comments .commentlist {
margin-bottom: 2em;
}
#comments ol,
#comments ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#comments ol li,
#comments ul li {
margin: 0;
}
#comments ol .comment-body,
#comments ul .comment-body {
background: #f5f5f5;
margin-bottom: 1px;
padding: 15px;
}
#comments ol .children,
#comments ul .children {
border-left: 15px solid #e8e8e8;
}
#comments .comment-author {
display: inline-block;
}
#comments .comment-author img,
#comments .comment-author .says {
display: none;
}
#comments .comment-author cite {
text-align: left;
font-size: 17px;
font-size: 1rem;
color: #000000;
font-style: normal;
font-weight: bold;
}
#comments .comment-author cite:before {
display: none;
}
#comments .commentmetadata {
display: inline-block;
color: #888483;
}
#comments .commentmetadata:before {
content: ' - ';
}
#comments .commentmetadata a {
color: #888483;
border-bottom: none;
}
#comments .commentmetadata a:hover,
#comments .commentmetadata a:focus {
border-bottom: 1px solid #888483;
}
#comments .comment #respond {
padding: 30px 15px 15px;
}
#comments #reply-title {
font-size: 22px;
font-size: 1.2941176470588236rem;
line-height: 24px;
line-height: 1.411764705882353rem;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #383534;
}
@media only screen and (max-width: 900px) {
#comments #reply-title {
text-align: center;
}
}
#comments #reply-title small {
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
font-size: 17px;
font-size: 1rem;
font-weight: normal;
text-transform: none;
}
html.detectizr-os-windows #comments #reply-title small {
font-family: Times New Roman, Georgia, serif;
}
#comments #submit {
display: none;
}
#comments .comment-form-comment {
margin: 0;
}
#comments .comment-form-comment label {
display: none;
}
#comments .comment-form-comment textarea {
display: block;
margin: 0;
width: 100%;
padding: 10px;
background: #f5f5f5;
border: 0;
border-bottom: 1px solid #8e000d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#comments .form-allowed-tags {
display: none;
}
#comments .custom-submit-btn {
float: right;
margin-top: -40px;
position: relative;
z-index: 99;
}
.prevnext {
text-align: center;
}
.prevnext p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 900px) {
.prevnext.next-article {
width: 50% !important;
margin-bottom: 0;
padding-left: 7px;
}
}
@media only screen and (max-width: 900px) {
.prevnext.prev-article {
width: 50%!important;
margin-bottom: 0;
padding-right: 7px;
}
}
input {
background: #fafafa;
height: 40px;
line-height: 40px;
display: block;
border: 0;
color: #000000;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
font-size: 14px;
-webkit-border-radius: 0;
border-radius: 0;
}
html.detectizr-os-windows input {
font-family: Times New Roman, Georgia, serif;
}
input.input-text,
input[type=text],
input[type=password],
input.wpcf7-email {
border-bottom: 1px solid #8e000d;
}
input[type=submit],
input[type=button] {
width: auto;
}
input[type=radio] {
width: auto;
height: auto;
display: inline-block;
}
input::-webkit-input-placeholder {
color: #000000;
font-style: italic;
}
input:-moz-placeholder {
/* Firefox 18- */
color: #000000;
font-style: italic;
}
input::-moz-placeholder {
/* Firefox 19+ */
color: #000000;
font-style: italic;
}
input:-ms-input-placeholder {
color: #000000;
font-style: italic;
}
.wpcf7-textarea {
background: #f5f5f5;
border: 0;
border-bottom: 1px solid #8e000d;
color: #000000;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 10em;
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
font-size: 14px;
-webkit-border-radius: 0;
border-radius: 0;
}
html.detectizr-os-windows .wpcf7-textarea {
font-family: Times New Roman, Georgia, serif;
}
div.wpcf7 .wpcf7-form img.ajax-loader {
float: left;
margin: -28px 0 0 166px;
}
.form-subscription .input-text,
.form-subscription #sp_Country {
margin-bottom: 30px;
}
.form-subscription label > span {
font-weight: bold;
}
.form-subscription .button,
.form-subscription button {
max-width: 46%;
width: 150px;
min-width: 0!important;
}
.form-subscription button.update {
float: right;
}
.subscribe-form input[type="text"],
.subscribe-form input[type="tel"] {
border-bottom: 1px solid #8e000d;
}
.inline-form {
display: block;
position: relative;
height: 40px;
line-height: 40px;
}
.inline-form input {
position: absolute;
width: auto;
left: 0;
right: 38px;
}
.inline-form button,
.inline-form .button {
position: absolute;
top: 0;
right: 0;
}
.subscribe {
position: relative;
height: 60px;
}
.subscribe input {
position: absolute;
left: 0;
top: 0;
right: 60px;
margin: 0;
height: 60px;
line-height: 20px;
padding: 0 20px;
outline: none;
}
.subscribe input::-webkit-input-placeholder {
font-style: italic;
color: #ffffff;
}
.subscribe input:-moz-placeholder {
/* Firefox 18- */
font-style: italic;
color: #ffffff;
}
.subscribe input::-moz-placeholder {
/* Firefox 19+ */
font-style: italic;
color: #ffffff;
}
.subscribe input:-ms-input-placeholder {
font-style: italic;
color: #ffffff;
}
.subscribe button {
position: absolute;
top: 0;
right: 0;
}
.home .grid-12 .grid-4 {
margin-bottom: 10px;
}
.home .grid-12 .grid-4.home-feature-issue {
margin-bottom: 30px;
}
.notalink span {
color: #8e000d;
border-bottom: 1px solid #cfcfcf;
}
.home-feature-issue a:hover .notalink span,
.home-feature-issue a:focus .notalink span {
color: #888483;
border-bottom-color: #888483;
}
.home-feature-post h3 {
font-size: 36px;
font-size: 2.1176470588235294rem;
line-height: 48px;
line-height: 2.823529411764706rem;
}
.top-padding {
padding-top: 40px;
}
.home-divider {
position: relative;
overflow: hidden;
zoom: 1;
}
.home-divider:after {
content: '';
width: 1px;
position: absolute;
top: 0;
bottom: 0;
left: 65.2%;
background: #d2d2d2;
}
@media only screen and (max-width: 900px) {
.home-divider:after {
display: none!important;
}
}
article.year {
padding-top: 60px;
}
article.year img {
margin-bottom: 10px;
}
article.year .year-description {
padding-bottom: 50px;
}
article.year h3 {
line-height: 24px;
line-height: 1.411764705882353rem;
min-height: 48px;
}
article.year .pdf-link {
padding-right: 10px;
}
article.year .ss-icon {
font-size: 12px;
color: #cfcfcf;
}
@media only screen and (max-width: 900px) {
article.year .grid-2 {
width: 25%!important;
}
}
@media only screen and (max-width: 600px) {
article.year .grid-2 {
width: 50%!important;
}
}
@media only screen and (max-width: 900px) {
article.year .prev-year {
width: 50%!important;
padding-right: 7px;
}
}
@media only screen and (max-width: 900px) {
article.year .next-year {
width: 50%!important;
padding-left: 7px;
}
}
article.issue {
padding-top: 60px;
}
article.issue .issue-description {
padding-bottom: 50px;
}
article.issue .issue-contents {
overflow: hidden;
zoom: 1;
}
article.issue .issue-contents a {
padding-right: 10px;
}
article.issue .issue-contents .ss-icon {
font-size: 12px;
color: #cfcfcf;
}
article.issue .issue-contents .img-border {
max-width: 330px;
margin: 0 auto;
}
@media only screen and (max-width: 900px) {
article.issue .issue-contents {
text-align: center;
}
}
.mini-author {
font-size: 14px;
font-size: 0.8235294117647058rem;
display: block;
color: #888483;
}
.year-box {
text-align: center;
}
.offers {
text-align: center;
}
.offers td,
.offers th {
border: 1px solid;
border-top: 0;
margin: 0;
}
.offers .offer-name {
color: #ffffff;
border: 0;
height: 48px;
font-size: 20px;
font-size: 1.1764705882352942rem;
padding: 106px 10px 20px 10px;
background-repeat: no-repeat;
background-position: 50% 30px;
}
.offers .cost {
font-weight: normal;
font-size: 20px;
font-size: 1.1764705882352942rem;
padding: 10px 0;
}
.offers .action {
padding: 20px 0;
text-align: center;
}
.offers .action .button {
padding: 10px 20px;
}
.offers .feature {
font-size: 14px;
font-size: 0.8235294117647058rem;
line-height: 20px;
line-height: 1.1764705882352942rem;
text-align: center;
}
.offers .feature strong {
display: block;
color: #888483;
font-weight: normal;
}
.offers .feature .feature-text {
display: block;
padding: 20px 10px;
}
.offers .offer-level-1 .offer-name {
background-image: url("../img/offer-1.png");
background-color: #f3bf2e;
}
html.svg .offers .offer-level-1 .offer-name {
background-image: url("../img/offer-1.svg");
}
.offers .offer-level-1 td,
.offers .offer-level-1 th {
border-color: #fae5a1;
}
.offers .offer-level-1 .action,
.offers .offer-level-1 .cost {
background-color: #fae5a1;
}
.offers .offer-level-2 .offer-name {
background-image: url("../img/offer-2.png");
background-color: #948ebe;
}
html.svg .offers .offer-level-2 .offer-name {
background-image: url("../img/offer-2.svg");
}
.offers .offer-level-2 td,
.offers .offer-level-2 th {
border-color: #d4d1e5;
}
.offers .offer-level-2 .action,
.offers .offer-level-2 .cost {
background-color: #d4d1e5;
}
.offers .offer-level-3 .offer-name {
background-image: url("../img/offer-3.png");
background-color: #179ab2;
}
html.svg .offers .offer-level-3 .offer-name {
background-image: url("../img/offer-3.svg");
}
.offers .offer-level-3 td,
.offers .offer-level-3 th {
border-color: #9eceda;
}
.offers .offer-level-3 .action,
.offers .offer-level-3 .cost {
background-color: #9eceda;
}
.page-template-tpl_subs_form-php .offers h2 {
text-align: left;
}
@media only screen and (max-width: 900px) {
.page-template-tpl_subs_form-php .offers h2 {
text-align: center;
}
}
.page-template-tpl_subs_form-php .subscribe-form .offers > h2:first-child {
margin-left: 19%;
}
@media only screen and (max-width: 900px) {
.page-template-tpl_subs_form-php .subscribe-form .offers > h2:first-child {
margin-left: 0;
}
}
.subscribe-form input {
margin-bottom: 1em;
}
.editable.hide {
display: none;
}
.non-editable table {
margin-bottom: 1em;
}
.woocommerce-error {
clear: both;
list-style-type: none;
font-weight: bold;
padding: 25px 50px 25px 15px;
position: relative;
margin: 0 0 30px;
background: #f2dede;
color: #8e000d;
border: 0;
}
.woocommerce-error p {
font-weight: bold;
white-space: normal;
}
.woocommerce-error li {
margin: 0;
font-weight: bold;
}
.woocommerce-error > p:last-child {
margin: 0;
}
.woocommerce-error .close {
color: #8e000d;
}
.woocommerce-message {
background: #fbf1d0;
border: 1px solid #eebf2b;
color: #000000;
padding: 10px;
margin-bottom: 1em;
}
.woocommerce-message > a.button {
margin-right: 10px;
}
table.cart {
text-align: left;
width: 100%;
margin-bottom: 2em;
}
table.cart td,
table.cart th {
vertical-align: top;
}
table.cart .actions {
padding-top: 2em;
}
table.cart .actions .button {
margin-left: 10px;
}
table.cart .actions .button[name="update_cart"] {
margin-left: 0;
}
.cart_table_item:first-child td {
border-top: 1px solid #cfcfcf;
}
.cart_table_item td {
border-bottom: 1px solid #cfcfcf;
padding-top: 30px;
}
th .cart_table_item__pricing div {
text-align: left;
}
th .cart_table_item__pricing div.product-price {
margin-right: 15px;
}
th .cart_table_item__pricing div.product-quantity {
width: 118px;
}
th .cart_table_item__pricing div.product-subtotal {
margin-right: 54px;
}
.cart_table_item__pricing {
text-align: right;
}
.cart_table_item__pricing > div {
display: inline-block;
vertical-align: middle;
text-align: right;
margin-left: 5%;
}
.cart_table_item__pricing > div.mobile-hidden {
margin-left: 0;
}
.cart_table_item__pricing .quantity {
margin-bottom: 0;
}
@media only screen and (max-width: 900px) {
.cart_table_item__pricing {
text-align: left;
}
.cart_table_item__pricing > div {
text-align: left;
}
.cart_table_item__pricing > div.mobile-hidden {
display: none;
}
.cart_table_item__pricing > div.mobile-hidden:first-child + div {
margin-left: 0;
}
.cart_table_item__pricing > div.product-remove {
float: right;
}
}
.cart-collaterals {
text-align: left;
}
.cart-collaterals th {
padding-right: 10px;
}
.cart-collaterals .shipping > th {
font-weight: normal;
}
.shop_table td:last-child {
text-align: right;
}
.shop_table td.left-td {
text-align: left;
}
.shop_table .order-actions a {
display: inline-block;
padding: 1px 5px;
border-right: 1px solid #000000;
}
.shop_table .order-actions a:last-child {
border-right: none;
}
.shop_table.yomama {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 30px;
width: 100%;
}
.shop_table.yomama td,
.shop_table.yomama th {
border-bottom: 1px solid #cfcfcf;
}
.shop_table.yomama td:first-child,
.shop_table.yomama th:first-child {
padding: 10px 5px 5px 0;
}
.shop_table.yomama td:last-child,
.shop_table.yomama th:last-child {
padding: 10px 0 5px 5px;
}
.shop_table.yomama .total td,
.shop_table.yomama .total th {
border: 0;
}
.shop_table.yopapa {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 30px;
width: 100%;
}
.shop_table.yopapa td:first-child,
.shop_table.yopapa th:first-child {
padding: 10px 5px 5px 0;
}
.shop_table.yopapa td:last-child,
.shop_table.yopapa th:last-child {
padding: 10px 0 5px 5px;
}
.shop_table.yopapa .total td,
.shop_table.yopapa .total th {
border: 0;
}
#payment label[for="payment_method_paypal"] img {
display: none;
}
#payment .payment_box {
background: #f5f5f5;
padding: 9px 5px 6px 9px;
border-top: 1px solid #cfcfcf;
margin-top: 5px;
}
#payment .payment_box p:last-child {
margin-bottom: 0;
}
#payment .payment_method_anz_egate > p {
color: #888483;
}
#payment #anz_egate_card_number {
width: 98%;
float: none;
}
fieldset.anz_egate_form {
border: 0;
margin: 0;
padding: 0;
}
fieldset.anz_egate_form .form-row-first {
width: 45%;
float: left;
}
fieldset.anz_egate_form .form-row-last {
width: 45%;
float: right;
}
fieldset.anz_egate_form .form-row-last #anz_egate_card_csc {
width: 96%;
}
.product-quantity {
white-space: nowrap;
}
.product-quantity input {
display: inline-block;
width: auto;
vertical-align: bottom;
text-align: center;
}
.product-quantity input.qty {
padding: 0;
max-width: 3em;
border: none;
}
.coupon-wrapper,
.inline-input-wrapper {
position: relative;
margin-bottom: 30px;
}
.coupon-wrapper .input-text,
.inline-input-wrapper .input-text {
padding-right: 70px;
height: 40px;
}
.coupon-wrapper button,
.inline-input-wrapper button,
.coupon-wrapper .button,
.inline-input-wrapper .button {
position: absolute;
top: 0;
right: 0;
}
.form-row .input-checkbox {
height: auto;
width: auto;
line-height: 1em;
margin-right: 15px;
}
#order_comments_field label {
cursor: pointer;
}
#order_comments_field textarea {
background: #f5f5f5;
border: 0;
border-bottom: 1px solid #8e000d;
color: #000000;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 10em;
font-family: 'AdobeCaslon', Times New Roman, Georgia, serif;
font-size: 14px;
-webkit-border-radius: 0;
border-radius: 0;
height: 8.9em;
}
html.detectizr-os-windows #order_comments_field textarea {
font-family: Times New Roman, Georgia, serif;
}
.payment_methods {
list-style-type: none;
list-style-position: outside;
padding-left: 0;
}
#customer_details .form-row {
margin-bottom: 24px;
}
#customer_details h3 {
margin-bottom: 30px;
}
#customer_details #shiptobilling {
margin: -27px 0 3px 0;
}
#customer_details #billing_address_1_field,
#customer_details #shipping_address_1_field {
margin-bottom: 10px;
}
#customer_details #order_review_heading {
margin-bottom: 7px;
}
#customer_details #createaccount {
float: left;
}
/*select*/.cool-selecta,
.wpcf7-select {
background: #fafafa url(../img/cool-selecta.gif) 100% 0 no-repeat;
box-shadow: none;
border: none;
border-radius: 0;
padding: 12px 54px 15px 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.cool-selecta::-ms-expand,
.wpcf7-select::-ms-expand {
display: none;
}
.lt-IE9 .cool-selecta,
.lt-IE9 .wpcf7-select,
#ie9 .cool-selecta,
#ie9 .wpcf7-select {
background-image: none;
padding-right: 4px;
}
.wpcf7-select {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.selected {
background-image: url(../img/selected.gif);
}
#tab-description {
margin-bottom: 30px;
}
/* button */
.shop_attributes th,
.shop_attributes td,
.shop_attributes p {
padding: 0;
margin: 0;
border: 0;
border-spacing: 0;
line-height: 24px;
line-height: 1.411764705882353rem;
vertical-align: baseline;
text-align: left;
}
.shop_attributes th {
padding-right: 5px;
}
.single_add_to_cart_button {
display: block;
min-width: 43%;
}
.woocommerce-tabs h2 {
text-align: center;
}
@media only screen and (min-width: 900px) {
.woocommerce-tabs h2 {
text-align: left;
}
}
/* ul */.products {
padding: 0;
}
.products li:nth-child(2n-1) {
clear: left;
}
/* li */.type-product {
margin-bottom: 62px;
list-style-type: none;
}
.woocommerce-tabs > .tabs {
display: none;
/* Hack because I can't do anyting in WP */
}
.images {
margin-bottom: 1em;
}
.price {
font-size: 22px;
font-size: 1.2941176470588236rem;
line-height: 24px;
line-height: 1.411764705882353rem;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #383534;
}
@media only screen and (max-width: 900px) {
.price {
text-align: center;
}
}
.quantity {
overflow: hidden;
zoom: 1;
margin-bottom: 20px;
}
.quantity input {
float: left;
height: 40px;
width: 40px;
min-width: 0;
line-height: 40px;
}
.quantity input.input-text {
text-align: center;
}
.quantity input.input-text::-webkit-outer-spin-button,
.quantity input.input-text::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */
}
.quantity input[type=button] {
font-size: 34px;
font-weight: bold;
line-height: 1em;
padding: 0;
}
.woocommerce-ordering,
.woocommerce-result-count {
display: none;
}
/*------------------------------------*\
$MEDIA OBJECT
\*------------------------------------*/
/**
* Place any image- and text-like content side-by-side, as per:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
* E.g.:
*
*
* Demo: jsfiddle.net/inuitcss/cf4Qs
*
*/
.media {
display: block;
}
.media__img {
float: left;
margin-right: 30px;
}
/**
* Reversed image location (right instead of left).
*/
.media__img--rev {
float: right;
margin-left: 30px;
}
.media__img img,
.media__img--rev img {
display: block;
}
.media__body {
overflow: hidden;
}
.media__body,
.media__body > :last-child {
margin-bottom: 0;
}
.media--products {
padding-bottom: 32px;
}
.media--products .media__img {
position: relative;
}
.media--products .media__img a {
display: block;
border: 0;
}
.media--products .media__img a:first-child {
margin-bottom: 16px;
display: block;
}
.media--products .media__img .added_to_cart {
position: absolute;
left: 0;
bottom: -2em;
}
/*------------------------------------*\
$RESPONSIVE TABLES
\*------------------------------------*/
/**
* Flips the table on it's side and applies overflow-x: auto to the tbody
* meaning the data cells can scroll left and right if it breaks out of a
* small screen, but you still always see the headers, as per:
* http://dbushell.com/demos/tables/rt_05-01-12.html
* E.g.:
*
*
*/
@media only screen and (max-width: 900px) {
.rt {
display: block;
position: relative;
width: 100%;
}
.rt thead {
display: block;
float: left;
}
.rt tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
}
.rt thead tr {
display: block;
}
.rt th {
display: block;
padding: 0 5px 0 0;
}
.rt tbody tr {
display: inline-block;
vertical-align: top;
}
.rt td {
display: block;
border-left: 1px solid #cfcfcf;
padding: 0 5px;
}
}
/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.jplayer.org
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010-2012 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 4.3 (jPlayer 2.2.0)
* Date: 19th November 2012
*/
div.jp-audio,
div.jp-audio-stream,
div.jp-video {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
font-size: 1.25em;
/* 1.25em for testing in site pages */
/* No parent CSS that can effect the size in the demos ZIP */
font-family: Verdana, Arial, sans-serif;
line-height: 1.6;
color: #666;
overflow: hidden;
zoom: 1;
background: #f5f5f5;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
div.jp-audio,
div.jp-audio-stream,
div.jp-video {
margin-bottom: 15px;
}
}
div.jp-audio {
width: 420px;
}
div.jp-audio-stream {
width: 182px;
}
div.jp-video-270p {
width: 480px;
}
div.jp-video-360p {
width: 640px;
}
div.jp-video-full {
/* Rules for IE6 (full-screen) */
width: 480px;
height: 270px;
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
position: static !important;
position: relative;
}
/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
div.jp-video-full div div {
z-index: 1000;
}
div.jp-video-full div.jp-jplayer {
top: 0;
left: 0;
position: fixed !important;
position: relative;
/* Rules for IE6 (full-screen) */
overflow: hidden;
}
div.jp-video-full div.jp-gui {
position: fixed !important;
position: static;
/* Rules for IE6 (full-screen) */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
/* 1 layer above the others. */
}
div.jp-video-full div.jp-interface {
position: absolute !important;
position: relative;
/* Rules for IE6 (full-screen) */
bottom: 0;
left: 0;
}
div.jp-interface {
position: relative;
width: 100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
height: 80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
height: 80px;
}
div.jp-audio-stream div.jp-type-single div.jp-interface {
height: 80px;
}
div.jp-video div.jp-interface {
border-top: 1px solid #8e000d;
}
/* @group CONTROLS */
div.jp-controls-holder {
clear: both;
width: 440px;
margin: 0 auto;
position: relative;
overflow: hidden;
top: -8px;
/* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}
div.jp-interface ul.jp-controls {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
div.jp-audio ul.jp-controls {
width: 380px;
padding: 20px 20px 0 20px;
}
div.jp-audio-stream ul.jp-controls {
width: 142px;
padding: 20px 20px 0 20px;
}
div.jp-video div.jp-type-single ul.jp-controls {
width: 78px;
margin-left: 200px;
}
div.jp-video div.jp-type-playlist ul.jp-controls {
width: 134px;
margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
display: inline;
float: left;
}
div.jp-interface a {
border: 0!important;
}
div.jp-interface ul.jp-controls a {
display: block;
padding: 0;
font-size: 12px;
background: #cfcfcf;
color: #383534;
text-align: center!important;
}
div.jp-interface ul.jp-controls a:hover {
color: #2a2827;
}
a.jp-play,
a.jp-pause {
width: 36px;
height: 36px;
line-height: 40px;
font-size: 12px;
background: #cfcfcf;
color: #383534;
text-align: center;
}
a.jp-play:hover,
a.jp-pause:hover {
color: #2a2827;
}
a.jp-pause {
display: none;
}
a.jp-stop,
a.jp-previous,
a.jp-next {
width: 28px;
height: 28px;
line-height: 32px;
margin-top: 4px;
}
a.jp-stop {
margin-left: 10px;
}
/* @end */
/* @group progress bar */
div.jp-progress {
overflow: hidden;
background-color: #ddd;
}
div.jp-audio div.jp-progress {
position: absolute;
top: 32px;
height: 16px;
}
div.jp-audio div.jp-type-single div.jp-progress {
left: 110px;
width: 186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
left: 166px;
width: 130px;
}
div.jp-video div.jp-progress {
top: 0px;
left: 0px;
width: 100%;
height: 10px;
}
div.jp-seek-bar {
background: #cfcfcf;
width: 0px;
height: 100%;
cursor: pointer;
}
div.jp-play-bar {
background: #8e000d;
width: 0px;
height: 100%;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg .jp-play-bar {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-animation-direction: normal;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: blink;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-direction: normal;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
.objblink {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-animation-direction: normal;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: blink;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-direction: normal;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-timing-function: ease-in-out;
}
/* @end */
/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
width: 18px;
height: 16px;
font-size: 11px!important;
line-height: 17px;
margin-top: 12px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
margin-left: 210px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
margin-left: 154px;
}
div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
margin-left: 10px;
}
div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
margin-left: 60px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
position: absolute;
top: 12px;
margin-top: 0;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
left: 50px;
}
div.jp-video a.jp-volume-max {
left: 134px;
}
a.jp-unmute {
display: none;
}
div.jp-volume-bar {
position: absolute;
background: #cfcfcf;
overflow: hidden;
background: ;
width: 46px;
height: 5px;
cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
top: 37px;
left: 329px;
}
div.jp-audio-stream div.jp-volume-bar {
top: 37px;
left: 92px;
}
div.jp-video div.jp-volume-bar {
top: 17px;
left: 72px;
}
div.jp-volume-bar-value {
background: #8e000d;
width: 0px;
height: 5px;
}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder {
position: absolute;
top: 50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
left: 110px;
width: 186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left: 166px;
width: 130px;
}
div.jp-current-time,
div.jp-duration {
width: 60px;
font-size: .64em;
font-style: oblique;
}
div.jp-current-time {
float: left;
display: inline;
}
div.jp-duration {
float: right;
display: inline;
text-align: right;
}
div.jp-video div.jp-current-time {
margin-left: 20px;
}
div.jp-video div.jp-duration {
margin-right: 20px;
}
/* @end */
/* @group playlist */
div.jp-title {
font-weight: bold;
text-align: center;
}
div.jp-title,
div.jp-playlist {
width: 100%;
background-color: #ccc;
border-top: 1px solid #8e000d;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
border-top: none;
}
div.jp-title ul,
div.jp-playlist ul {
list-style-type: none;
margin: 0;
padding: 0 20px;
font-size: .72em;
}
div.jp-title li {
padding: 5px 0;
font-weight: bold;
}
div.jp-playlist li {
padding: 5px 0 4px 20px;
border-bottom: 1px solid #eee;
}
div.jp-playlist li div {
display: inline;
}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
padding: 5px 0 5px 20px;
border-bottom: none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-type: square;
list-style-position: inside;
padding-left: 7px;
}
div.jp-type-playlist div.jp-playlist a {
color: #333;
text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color: #0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color: #0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
float: right;
display: inline;
text-align: right;
margin-right: 10px;
font-weight: bold;
color: #666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
color: #0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float: right;
display: inline;
text-align: right;
margin-right: 10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a {
color: #666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
color: #0d88c1;
}
span.jp-artist {
font-size: .8em;
color: #666;
}
/* @end */
div.jp-video-play {
width: 100%;
overflow: hidden;
/* Important for nested negative margins to work in modern browsers */
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
/* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
margin-top: -270px;
height: 270px;
}
div.jp-video-360p div.jp-video-play {
margin-top: -360px;
height: 360px;
}
div.jp-video-full div.jp-video-play {
height: 100%;
}
a.jp-video-play-icon {
position: relative;
display: block;
width: 112px;
height: 100px;
margin-left: -56px;
margin-top: -50px;
left: 50%;
top: 50%;
background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat;
text-indent: -9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}
div.jp-jplayer audio,
div.jp-jplayer {
width: 0px;
height: 0px;
}
div.jp-jplayer {
background-color: #000000;
}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
list-style-type: none;
padding: 0;
margin: 0 auto;
overflow: hidden;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width: 25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
width: 55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
div.jp-video ul.jp-toggles {
margin-top: 10px;
width: 100px;
}
ul.jp-toggles li {
display: block;
float: right;
}
ul.jp-toggles li a {
display: block;
width: 25px;
height: 18px;
text-indent: -9999px;
line-height: 100%;
/* need this for IE6 */
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
padding: 5px;
font-size: .8em;
background-color: #eee;
border: 2px solid #8e000d;
color: #000;
display: none;
}
.jp-no-solution a {
color: #000;
}
.jp-no-solution span {
font-size: 1em;
display: block;
text-align: center;
font-weight: bold;
}
/* @end */
/* Begin Peach Hacks -
LESS isn't compiling (goodness knows why) */
body.home .logo {
margin: 50px 0 60px 0;
}
.logo {
margin: 25px 0 30px 0;
}
hr {
border-bottom: 1px solid #D2D2D2;
clear: both;
}
.top-padding {
padding-top: 0;
}
body.home .top-padding {
padding-top: 40px;
}
h1.page-title {
display: none;
}
.pull-right {
float: right !important;
}
body.page h1 {
display: none;
}
ul.headline-menu {
list-style: none;
border-bottom: 1px solid #FEFEFE;
margin-right: 10px;
}
.headline-menu li {
margin: 10px 2px 2px 2px;
float: left;
}
.headline-menu li ul li {
margin: none;
display: block;
float: none;
}
.headline-menu li:hover {
background: #F4F4F4;
}
.headline-menu li:hover a {
border: 1px solid #DDD;
}
.headline-menu li a {
float: left;
display: block;
padding: 3px 12px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
color: #333;
font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
}
.headline-menu li a:hover {
color: #111;
}
.headline-menu li ul { /* second-level lists */
position: absolute;
background: #F4F4F4;
width: 12em;
left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
list-style: none;
border-bottom: 1px solid #FEFEFE;
margin-top: 30px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
z-index: 100;
padding: 0;
}
.headline-menu li ul li {
border: none !important;
}
.headline-menu li ul li a {
float: none;
border: none !important;
}
.headline-menu li ul li a:hover {
}
.headline-menu li ul li:hover {
background: #EFEFEF;
}
.headline-menu li:hover ul,.headline-menu li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
.offer-level-1 .block, .offer-level-1 a.button {
background: #f3bf2e;
}
.offer-level-2 .block, .offer-level-2 a.button {
background: #948ebe;
}
.offer-level-3 .block, .offer-level-3 a.button {
background: #179ab2;
}
body.admin-bar nav.mega .scroll {
top: 60px;
}
.blog .breadcrumb {
display: none;
}
.blog article img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.blog h1 {
margin-top: 30px;
margin-bottom: 0;
}
article.grey-box img.alignleft {
float: left;
margin: 0 10px 10px 0;
}