@charset "UTF-8";
 article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin-bottom: 0.75em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
-webkit-backface-visibility: hidden;
}
fieldset {
margin: 0 2px;
border-color: #c0c0c0;
border-top-width: 0.0625em;
border-top-style: solid;
padding-top: 0.4625em;
border-bottom-width: 0.0625em;
border-bottom-style: solid;
padding-bottom: 0.9125em;
border-left-width: 0.0625em;
border-left-style: solid;
padding-left: 0.875em;
border-right-width: 0.0625em;
border-right-style: solid;
padding-right: 0.875em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
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;
}
.clearfix, .main-navigation, .menu-item-search-dropdown form, .content-wrapper, .product_list_widget li, .tagcloud, .widget-category-box .category, .comment-content-container {
zoom: 1;
}
.clearfix:before, .main-navigation:before, .menu-item-search-dropdown form:before, .content-wrapper:before, .product_list_widget li:before, .tagcloud:before, .widget-category-box .category:before, .comment-content-container:before, .clearfix:after, .main-navigation:after, .menu-item-search-dropdown form:after, .content-wrapper:after, .product_list_widget li:after, .tagcloud:after, .widget-category-box .category:after, .comment-content-container:after {
display: table;
content: "";
}
.clearfix:after, .main-navigation:after, .menu-item-search-dropdown form:after, .content-wrapper:after, .product_list_widget li:after, .tagcloud:after, .widget-category-box .category:after, .comment-content-container:after {
clear: both;
}
.footer-menu-wrapper .footer-menu, .inside {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
input[type="submit"],
button,
.button {
border: none;
color: white;
text-transform: uppercase;
padding: 10px 10px;
line-height: 1;
display: inline-block;
max-width: 100%;
opacity: 1;
-moz-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
input[type="submit"]:hover,
button:hover,
.button:hover {
opacity: .9;
}
.page-template-template-widgetized-php .layerslider_widget .widgettitle {
display: none;
}
@font-face {
font-family: 'BebasNeue';
src: url(//matterntrees.com/wp-content/themes/crux/assets/fonts/BebasNeue-webfont.eot);
src: url(//matterntrees.com/wp-content/themes/crux/assets/fonts/BebasNeue-webfont.eot?#iefix) format("embedded-opentype"), url(//matterntrees.com/wp-content/themes/crux/assets/fonts/BebasNeue-webfont.woff) format("woff"), url(//matterntrees.com/wp-content/themes/crux/assets/fonts/BebasNeue-webfont.ttf) format("truetype"), url(//matterntrees.com/wp-content/themes/crux/assets/fonts/BebasNeue-webfont.svg#bebas_neueregular) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (min-width: 769px) {
.grids {
max-width: 105%;
margin: 0 0 0 -3%;
}
.grids [class*="grid-"] {
display: inline-block;
margin: 0 0 0 3%;
margin-right: -.28em;
vertical-align: top;
}
.grid-1 {
width: 6.15%;
}
.grid-2 {
width: 14.5741%;
}
.grid-2-5 {
width: 17.07%;
}
.grid-3 {
width: 22.05%;
}
.grid-4, .grid-one-third {
width: 30.36%;
}
.grid-5 {
width: 39.583%;
}
.grid-6, .grid-half {
width: 47%;
}
.grid-7 {
width: 54.79%;
}
.grid-8, .grid-two-thirds {
width: 62.088%;
}
.grid-9 {
width: 72%;
}
.grid-10 {
width: 81.25%;
}
.grid-11 {
width: 89.583%;
}
.grid-12 {
width: 97.917%;
margin: 0;
}
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body {
overflow-x: hidden;
}
body {
font: 17px/1.4 "Helvetica Neue", sans-serif, normal;
color: #777;
}
#page {
overflow: hidden !important;
position: relative;
}
.subheader {
background: #292b27;
}
.subheader li:before {
content: '/';
margin: 0 10px;
}
.subheader li:first-child:before {
display: none;
}
.subheader .current-menu-item a {
color: inherit;
}
.subheader,
.site-info {
font-size: 13px;
color: #565656;
text-transform: uppercase;
padding: 10px 0;
}
.subheader a,
.site-info a {
color: white;
}
.subheader a:hover,
.site-info a:hover {
color: inherit;
}
.subheader-alert {
text-align: right;
color: #f4bf73;
}
.subheader-alert p {
margin: 0;
}
.site-branding {
padding: 30px 0;
}
.site-branding img {
vertical-align: middle;
}
.site-branding h1 {
margin: 0;
padding: 0;
font-size: 53px;
font-size: 3.3125rem;
line-height: 1;
}
.site-branding .grid-6 {
vertical-align: middle !important;
}
.header--right {
text-align: right;
}
.site-title {
text-transform: uppercase;
letter-spacing: -1px;
}
.site-title,
.site-description {
display: inline-block;
vertical-align: middle;
}
.site-description {
color: #d4d3d3;
margin: 0 0 0 10px;
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
}
.site-content {
max-width: 1230px;
min-height: 400px;
margin: 0 auto;
padding: 30px 30px 50px 30px;
padding:  1.875rem 1.875rem 3.125rem 1.875rem;
position: relative;
z-index: 1;
}
.custom-page-background .site-content {
margin-top: 90px;
margin-top: 5.625rem;
}
.page-template-template-blank-php .site-content {
max-width: 100%;
padding: 0;
}
@media (min-width: 800px) {
.site-content .content-area,
.site-content .widget-area {
display: inline-block;
vertical-align: top;
margin-right: -.28em;
}
.content-area {
width: 74.65%;
display: inline-block;
}
.widget-area {
width: 22.5%;
margin-left: 2.8%;
}
}
.no-sidebar .content-area {
width: 100%;
}
.left-sidebar .widget-area {
float: left;
margin-left: 0;
margin-right: 2.8%;
}
.navbar {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.mobile-active .navbar {
display: none;
}
.main-navigation {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
}
.main-navigation ul {
margin: 0;
padding: 0;
}
.main-navigation ul li {
float: left;
position: relative;
}
.main-navigation .primary-menu > li:first-child > a {
padding-left: 0;
}
.main-navigation a {
display: block;
color: #2f322b;
padding: 22px 40px;
padding:  1.375rem 2.5rem;
}
@media screen and (max-width: 1200px) {
.main-navigation a {
padding: 22px 30px;
padding:  1.375rem 1.875rem;
}
}
@media screen and (max-width: 1100px) {
.main-navigation a {
padding: 22px 22px;
padding:  1.375rem 1.375rem;
}
}
.menu-item-search-dropdown {
float: right !important;
border: none !important;
position: relative;
}
.menu-item-search-dropdown .search-submit {
display: none;
}
.menu-item-search-dropdown label {
position: relative;
}
.menu-item-search-dropdown label::before {
color: #e0dfdf;
font-size: 22px;
content: "";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
position: relative;
z-index: 100;
top: 20px;
}
.menu-item-search-dropdown .search-field {
position: absolute;
z-index: auto;
top: 0px;
right: 0;
padding: 0;
line-height: 1;
border: none;
height: auto;
width: 0px;
outline: 0;
background: transparent;
-moz-transition: width 200ms ease-in;
-o-transition: width 200ms ease-in;
-webkit-transition: width 200ms ease-in;
transition: width 200ms ease-in;
}
.menu-item-search-dropdown .search-field.expand {
width: 200px;
}
@media (min-width: 1025px) {
.main-navigation { }
.main-navigation .sub-menu {
margin: 0;
padding: 0;
background: white;
border: 1px solid #b2b2b2;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.main-navigation .sub-menu li {
border-top: 1px solid #b2b2b2;
width: 100%;
}
.main-navigation .sub-menu li:first-child {
border-top: none;
}
.main-navigation .sub-menu a {
padding: 15px 20px;
display: block;
}
.main-navigation ul li:hover > ul {
opacity: 1;
position: absolute;
top: 100%;
left: -1px;
}
.main-navigation ul ul li:hover > ul {
position: absolute;
top: -1px;
left: 100%;
opacity: 1;
z-index: 777;
}
.main-navigation li {
list-style: none;
display: inline-block;
line-height: 1;
}
.main-navigation > ul > li {
border-right: 1px solid #b2b2b2;
}
.main-navigation ul ul {
opacity: 0;
margin: 0px 0 0 -30px;
filter: alpha(opacity=0);
position: absolute;
top: -99999px;
left: 0;
padding-top: 55px; z-index: 999;
}
.main-navigation ul ul li a {
display: block;
}
}
#primary-menu ul {
margin: 0;
padding: 0;
width: 100%;
min-width: 150px;
display: block;
list-style: none;
}
.js #primary-menu {
clip: rect(0 0 0 0);
max-height: 0;
position: absolute;
display: block;
zoom: 1;
}
@media screen and (max-width: 1024px) {
.js #primary-menu {
overflow: hidden;
}
}
#primary-menu.opened {
max-height: 9999px;
}
.nav-toggle {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
text-align: right;
font-size: 23px;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
.js #primary-menu {
position: relative;
}
.js #primary-menu.closed {
max-height: none;
}
.nav-toggle {
display: none !important;
}
}
#container,
.full-width .content-area {
width: 100%;
}
#advanced_menu_toggle {
display: none;
cursor: pointer;
font-size: 30px;
margin: 0 0px 0px 20px;
color: #2f322b;
position: relative;
top: 7px;
}
#advanced_menu_hide {
position: absolute;
top: 20px;
right: 20px;
z-index: 1001;
font-size: 30px;
color: #2f322b;
display: none;
}
#mobile-wrapper {
width: 100%;
right: -100%;
position: absolute;
z-index: 1000;
top: 0;
height: 100%;
overflow: hidden;
background: #fff;
padding-top: 50px;
text-transform: uppercase;
will-change: transform,transition;
font-size: 20px;
font-size: 1.25rem;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-moz-transform: scale3d(0.5);
-ms-transform: scale3d(0.5);
-webkit-transform: scale3d(0.5);
transform: scale3d(0.5);
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
display: none;
}
.show-mobile-menu #mobile-wrapper {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
-moz-transform: translate(-100%, 0, 0);
-ms-transform: translate(-100%, 0, 0);
-webkit-transform: translate(-100%, 0, 0);
transform: translate(-100%, 0, 0);
-moz-transform: scale3d(1);
-ms-transform: scale3d(1);
-webkit-transform: scale3d(1);
transform: scale3d(1);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
display: block;
}
.mobile-menu h3 {
font-size: 45px;
font-size: 2.8125rem;
margin: 0 0 20px 0;
padding-left: 20px;
display: inline-block;
}
.mobile-menu a {
color: #2f322b;
}
.mobile-menu .subheader-menu {
background: #292b27;
margin: 0;
padding: 20px;
list-style: none;
}
.mobile-menu .subheader-menu li {
padding: 5px 0;
}
.mobile-menu .subheader-menu a {
color: #fff;
}
#mobile-advanced {
width: 100%;
margin: 0;
padding: 0 20px;
}
#mobile-advanced .menu-item-search-dropdown {
display: none;
}
#mobile-advanced > li:first-child {
border-top: none;
}
#mobile-advanced li {
list-style: none;
padding: 5px 0;
border-top: 1px solid #b2b2b2;
margin: 0;
}
#mobile-advanced li:last-child {
padding-bottom: 0;
}
#mobile-advanced a {
display: block;
}
#mobile-advanced ul {
margin: 0;
padding: 0;
}
#mobile-advanced .sub-menu {
padding-left: 10px !important;
}
.show-mobile-menu {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden !important;
background: white;
}
.show-mobile-menu #advanced_menu_hide {
display: inline-block;
}
.mobile-active #advanced_menu_toggle {
display: inline-block;
}
@media (max-width: 1024px) {
.nav-toggle {
padding: 10px 20px !important;
}
.main-navigation .primary-menu {
padding: 0 20px;
}
.main-navigation li {
display: block;
float: none !important;
border-top: 1px solid #e5e5e5;
}
.main-navigation ul a {
padding: 8px 0;
}
.sub-menu {
padding-left: 15px !important;
}
}
.site-footer {
margin-top: 50px;
margin-top: 3.125rem;
}
.footer-widget-area ul {
margin: 0;
padding: 0;
}
.footer-widget-area li {
list-style: none;
}
.footer-widget-area .widget {
text-transform: uppercase;
margin-bottom: 50px;
}
.stag-twitter-widget {
text-transform: none;
}
.stag-twitter-widget li {
border-top: 1px solid #b2b2b2;
padding: 10px 0;
}
.stag-twitter-widget li:first-child {
border-top: none;
padding-top: 0;
}
.stag-twitter-widget p {
line-height: 1.3;
margin: 0;
}
.stag-twitter-widget .time {
margin-top: 8px;
text-transform: uppercase;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
}
.stag-twitter-widget .time a {
color: #9c9c9c;
}
.textwidget {
text-transform: none;
}
.textwidget p {
margin-bottom: 15px;
}
.search-form input {
height: 38px;
}
.search-form .search-submit {
background: #2f322b;
}
.search-form label {
float: left;
}
.search-form--mobile {
padding: 20px;
padding: 1.25rem;
margin: 0 20px;
margin:  0 1.25rem;
background: #f7f5f1;
}
.search-form--mobile label {
display: block;
}
.search-form--mobile .search-field {
-webkit-appearance: none;
width: 100%;
border-radius: 0;
}
.search-form--mobile .search-submit {
display: none;
}
.widget {
color: #9c9c9c;
text-transform: uppercase;
margin-bottom: 50px;
}
.widget .widget-title,
.widget .widgettitle {
font-size: 35px;
font-size: 2.1875rem;
margin: 0 0 20px 0;
margin:  0 0 1.25rem 0;
}
.widget .post-date {
display: block;
font-size: 15px;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget li {
list-style: none;
}
.widget_recent_entries li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #b2b2b2;
}
.widget_recent_entries a {
color: #2f322b;
font-size: 20px;
font-size: 1.25rem;
}
.footer-menu-wrapper {
background: #292b27;
padding: 20px;
text-transform: uppercase;
font-size: 15px;
line-height: 1.3;
color: #8d8d8d;
}
.footer-menu-wrapper a {
color: white;
}
.footer-menu-wrapper a:hover {
color: inherit;
}
.footer-menu-wrapper .footer-menu li:before {
content: '/';
margin: 0 10px;
}
.footer-menu-wrapper .footer-menu li:first-child:before {
display: none;
}
.content-wrapper {
position: relative;
height: auto;
}
.site-info {
background: #1c1d1c;
}
.custom-background--wrapper {
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 410px;
}
.custom-background {
min-height: 410px;
}
.no-comments {
margin: 30px 0;
font-size: 25px;
font-size: 1.5625rem;
}
.widget-area .search-form,
.footer-widget-area .search-form {
background: #f7f5f1;
padding: 15px;
padding: 0.9375rem;
}
.widget-area .search-form label,
.footer-widget-area .search-form label {
float: none;
width: 100%;
}
.widget-area .search-field,
.widget-area .search-submit,
.footer-widget-area .search-field,
.footer-widget-area .search-submit {
width: 100%;
}
.widget-area .search-submit,
.footer-widget-area .search-submit {
margin-top: 10px;
}
*, *:after, *:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
a {
outline: 0;
}
input[type="submit"],
button,
.button {
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
input[type="submit"]:hover,
button:hover,
.button:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="button"],
button,
.button {
-webkit-appearance: none;
border-radius: 0;
}
.button-stroked {
background: transparent !important;
border: 2px solid white;
color: white;
padding: 7px 14px;
}
.button-secondary {
background-color: #2f322b !important;
}
label {
display: inline-block;
color: #2f322b;
text-transform: uppercase;
cursor: pointer;
}
label .required {
border: none;
color: #ff6666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2f322b;
font-family: "BebasNeue";
font-weight: normal;
margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
img:not([src]) {
visibility: hidden;
}
a {
text-decoration: none;
-moz-transition: all 0.1s;
-o-transition: all 0.1s;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
blockquote {
margin: 20px 0;
margin:  1.25rem 0;
font-size: 25px;
font-size: 1.5625rem;
color: #bbbbbb;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
text-indent: .01px;
text-overflow: '';
outline: none;
background: transparent url(//matterntrees.com/wp-content/themes/crux/assets/img/select-bg.gif) no-repeat 95% 50%;
background-size: 10px 5px;
max-width: 100%;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #b2b2b2;
padding: 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding-right: 30px;
}
.gecko select {
background: none;
}
table {
width: 100%;
max-width: 100%;
}
table th {
text-align: left;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
.input-text,
textarea {
border: none;
padding: 10px;
line-height: 1;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
}
textarea {
color: #2f322b;
line-height: 1.2;
}
.button {
line-height: 1;
}
li > ul,
li > ol {
margin: 0;
}
ol li {
list-style: decimal;
}
.select-dropdown {
position: relative;
width: auto;
min-width: 80px;
height: 38px;
padding-right: 30px;
cursor: pointer;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
max-width: 100%;
border: 1px solid #b2b2b2;
color: #2f322b;
}
.select-dropdown div,
.select-dropdown li,
.select-dropdown div::after {
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.select-dropdown select {
position: absolute;
left: 0px;
top: 0px;
}
.select-dropdown.touch select {
width: 100%;
height: 100%;
opacity: 0;
}
.select-dropdown .selected,
.select-dropdown li {
display: block;
line-height: 1.1;
padding: 9px 12px;
overflow: hidden;
white-space: nowrap;
}
.select-dropdown .old {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.select-dropdown div {
position: absolute;
height: 0;
left: -1px;
right: -1px;
top: 100%;
margin-top: -1px;
background: #FFF;
border: 1px solid #CCC;
overflow: hidden;
opacity: 0;
}
.selected::after
.select-dropdown.div::after {
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
}
.select-dropdown.open {
z-index: 2;
}
.select-dropdown.open div {
opacity: 1;
z-index: 2;
}
.select-dropdown ul {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
list-style: none;
overflow: hidden;
}
.select-dropdown.scrollable.open ul {
overflow-y: auto;
}
.select-dropdown li {
border-top: 1px solid #b2b2b2;
margin: 0 !important;
}
.select-dropdown li:first-child {
border-top: none;
}
.select-dropdown li:hover, .select-dropdown li.active {
background: whitesmoke;
}
.select-dropdown.open .carat::before {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.select-dropdown .carat {
position: absolute;
top: 0;
right: -1px;
width: 30px;
height: 100%;
text-align: center;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
padding-top: 7px;
}
.select-dropdown .carat::before {
display: block;
-moz-transition: all 200ms;
-o-transition: all 200ms;
-webkit-transition: all 200ms;
transition: all 200ms;
content: "";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.navigation {
margin: 0;
padding: 0;
}
.navigation ul {
margin: 0;
padding: 0;
}
.navigation li {
list-style: none;
display: inline-block;
}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
font-size: 15px;
font-size: 0.9375rem;
padding: 7px 0;
text-transform: uppercase;
font-style: normal;
color: #9c9c9c;
}
.aligncenter {
text-align: center;
margin: 30px auto;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0px 0px 15px 15px;
}
.alignnone {
margin: 20px 0;
margin:  1.25rem 0;
text-align: center;
}
.edit-link {
display: inline-block;
margin-top: 15px;
margin-top: 0.9375rem;
color: #969d8c;
}
.edit-link .fa {
margin-right: 5px;
}
.edit-link a {
color: inherit;
}
.widgetized-sections .gform_widget {
max-width: 1170px;
margin: 0 auto !important;
}
.sticky,
.gallery-caption,
.bypostauthor {
color: inherit;
}
.blog .hentry,
.archive .hentry,
.search .hentry {
border-bottom: 1px solid #b2b2b2;
padding-bottom: 35px;
padding-bottom: 2.1875rem;
margin-bottom: 35px;
margin-bottom: 2.1875rem;
}
.blog .hentry:last-of-type,
.archive .hentry:last-of-type,
.search .hentry:last-of-type {
padding-bottom: 0;
border-bottom: none;
}
.entry-meta {
text-transform: uppercase;
color: #9c9c9c;
font-size: 15px;
font-size: 0.9375rem;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.entry-content,
.comment-content {
overflow: hidden;
font-size: 20px;
font-size: 1.25rem;
}
.entry-content p,
.comment-content p {
margin: 0 0 1.5em 0;
line-height: 1.5;
}
.entry-content p:last-child,
.comment-content p:last-child {
margin-bottom: 0;
}
.entry-content li,
.comment-content li {
margin: .15em 0;
list-style: disc;
}
.entry-content ol li,
.comment-content ol li {
list-style: decimal;
}
.entry-content h1,
.comment-content h1 {
font-size: 40px;
font-size: 2.5rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content h2,
.comment-content h2 {
font-size: 35px;
font-size: 2.1875rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content h3,
.comment-content h3 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content h4,
.comment-content h4 {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content h5,
.comment-content h5 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content h6,
.comment-content h6 {
font-size: 22px;
font-size: 1.375rem;
line-height: 1;
margin-bottom: 1em;
}
.entry-content blockquote,
.comment-content blockquote {
color: #bbb;
}
.entry-content table,
.comment-content table {
width: 100%;
}
.entry-content table td,
.entry-content table th,
.comment-content table td,
.comment-content table th {
padding: 10px 10px;
}
.entry-content table th,
.comment-content table th {
text-align: left;
font-family: "BebasNeue";
font-weight: normal;
font-size: 20px;
font-size: 1.25rem;
color: #2F322B;
}
.entry-content table th strong,
.comment-content table th strong {
font-weight: normal;
}
.entry-content table .odd, .entry-content table tbody tr:nth-child(odd),
.comment-content table .odd,
.comment-content table tbody tr:nth-child(odd) {
background: whitesmoke;
}
.format-chat .entry-content p:nth-child(odd), .format-chat
.comment-content p:nth-child(odd) {
background: whitesmoke;
}
.format-chat .entry-content p, .format-chat
.comment-content p {
margin: 5px 0;
padding: 5px;
}
.entry-content pre,
.comment-content pre {
background: #f3f3f3;
padding: 30px;
}
.entry-title {
font-size: 50px;
font-size: 3.125rem;
line-height: 1;
margin-bottom: 20px;
margin-bottom: 1.25rem;
padding: 0;
}
.entry-title a {
color: #2f322b;
}
.hentry .post-thumbnail {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.screen-reader-text,
.updated {
display: none;
}
#nav-below {
border-top: 1px solid #b2b2b2;
padding-top: 30px;
padding-top: 1.875rem;
}
.paging-navigation--wrapper .navigation-links {
text-align: right;
}
.paging-navigation--wrapper .nav-previous {
margin-right: 5px;
}
.paging-navigation--wrapper .nav-previous,
.paging-navigation--wrapper .nav-next {
display: inline-block;
}
.paging-navigation--wrapper .page-numbers,
.paging-navigation--wrapper .nav-previous a,
.paging-navigation--wrapper .nav-next a {
display: inline-block;
width: 33px;
height: 33px;
line-height: 1;
border: 2px solid #2f322b;
text-align: center;
font-size: 23px;
padding-top: 3px;
color: #2f322b;
-moz-transition: all 50ms ease-in;
-o-transition: all 50ms ease-in;
-webkit-transition: all 50ms ease-in;
transition: all 50ms ease-in;
cursor: pointer;
}
.paging-navigation--wrapper .page-numbers:hover,
.paging-navigation--wrapper .nav-previous a:hover,
.paging-navigation--wrapper .nav-next a:hover {
background-color: #2f322b;
color: white;
}
.paging-navigation--wrapper .page-numbers a,
.paging-navigation--wrapper .nav-previous a a,
.paging-navigation--wrapper .nav-next a a {
color: inherit;
}
.paging-navigation--wrapper .current,
.paging-navigation--wrapper .dots {
border-color: transparent;
}
.page-content .widgettitle {
font-size: 35px;
font-size: 2.1875rem;
border-bottom: 1px solid #b2b2b2;
margin-bottom: 15px;
}
.archive-lists {
font-size: 20px;
font-size: 1.25rem;
margin-top: 30px;
margin-top: 1.875rem;
}
.archive-lists a {
color: #2f322b;
}
.archive-lists .widgettitle {
font-size: 35px;
font-size: 2.1875rem;
border-bottom: 1px solid #b2b2b2;
margin-bottom: 15px;
}
.archive-lists .widgettitle:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
margin-right: 10px;
}
.archive-lists .widget {
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
.archive-lists .widget_recent_entries li {
border: none;
margin: 0;
padding: 0;
line-height: 1.7;
}
.archive-lists .widget_archive {
font-weight: normal;
}
.archive-lists .widget_search .search-form {
background: #f7f5f1;
padding: 30px;
padding: 1.875rem;
}
.archive-lists .widget_search .search-field {
border: none;
width: 100%;
}
.archive-lists .widget_search label {
width: 100%;
float: none;
}
.archive-lists .widget_search .search-submit {
display: none;
}
.archive-lists .widgettitle:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.archive-lists .widget_recent_entries .widgettitle:before {
content: "\f0f6";
}
.archive-lists .widget_archive .widgettitle:before {
content: "\f017";
}
.archive-lists .widget_categories .widgettitle:before {
content: "\f044";
}
.archive-lists .widget_search .widgettitle:before {
content: "\f002";
}
.commentlist li {
list-style: none;
}
.single-product .product {
position: relative;
}
.section-header {
font-size: 50px;
font-size: 3.125rem;
border-bottom: 1px solid #b2b2b2;
padding-bottom: 15px;
line-height: 1;
}
.page-content .search-form {
margin: 30px 0;
margin:  1.875rem 0;
}
.page-template-template-widgetized-php .site-content {
padding: 0;
max-width: none;
}
.stag-intro-text {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.4;
color: darkgray;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.contact-form-wrapper {
background: #f7f5f1;
margin-top: 30px;
margin-top: 1.875rem;
padding: 50px 30px;
padding:  3.125rem 1.875rem;
}
.contact-form-wrapper h2 {
font-size: 50px;
font-size: 3.125rem;
margin-bottom: 25px;
margin-bottom: 1.5625rem;
line-height: 1;
}
.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper textarea {
border: none;
width: 100%;
}
.contact-form-wrapper label {
display: block;
margin-bottom: 5px;
font-size: 20px;
font-size: 1.25rem;
}
.contact-form-wrapper .grid-6 {
margin-bottom: 30px;
}
.contact-form-wrapper textarea {
resize: none;
}
.contact-form-wrapper .buttons {
margin-top: 20px;
margin-top: 1.25rem;
}
.contact-form-wrapper .buttons .contact-form-button {
padding: 10px 15px;
}
.stag-tabs, .stag-toggle, .stag-video {
margin: 0 0 1em 0px;
}
.stag-toggle .stag-toggle-title {
font-family: "BebasNeue";
font-size: 25px;
font-size: 1.5625rem;
}
.stag-toggle--stroke .stag-toggle-title {
border-color: #b2b2b2;
color: #2f322b;
}
.stag-toggle .stag-toggle-title:after {
background-image: none !important;
content: "";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
font-size: 18px;
}
.stag-toggle .stag-toggle-title.ui-state-active:after {
content: "\f068";
}
.stag-button {
-moz-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
.stag-button--square.stag-button--black {
background: #2f322b;
}
.stag-button--square.stag-button--green {
background: #71a32f;
}
.stag-button--square.stag-button--purple {
background: #d095df;
}
.stag-button--stroke {
border-width: 2px;
}
.stag-button--stroke.stag-button--black {
border-color: #2f322b;
color: #2f322b !important;
}
.stag-button--stroke.stag-button--black:hover {
background: #2f322b;
}
.stag-button--stroke.stag-button--green {
border-color: #71a32f;
color: #71a32f !important;
}
.stag-button--stroke.stag-button--green:hover {
background: #71a32f;
}
.stag-button--stroke.stag-button--purple {
border-color: #d095df;
color: #d095df !important;
}
.stag-button--stroke.stag-button--purple:hover {
background: #d095df;
}
.stag-alert--green {
background: #71a32f;
}
.stag-tabs .stag-nav li {
list-style: none;
font-family: "BebasNeue";
font-size: 25px;
font-size: 1.5625rem;
width: 130px;
text-align: center;
}
.stag-divider--strong,
.stag-divider--double,
.stag-tabs--normal .stag-nav a,
.stag-toggle--normal .stag-toggle-title,
.stag-dropcap--squared {
background: #2f322b;
}
.stag-divider--plain {
background: #b2b2b2;
}
.stag-tabs--normal .stag-nav .ui-tabs-active a,
.stag-tabs--stroke .stag-nav a,
.stag-dropcap--normal {
color: #2f322b;
}
.stag-tabs--normal .stag-tab,
.stag-tabs--normal .stag-nav .ui-tabs-active a {
background: none;
}
.stag-tabs--stroke .stag-tab,
.stag-tabs--stroke .stag-nav a,
.stag-divider--dashed,
.stag-divider--dotted {
border-color: #b2b2b2;
}
.global-static-content {
padding: 50px 0;
padding:  3.125rem 0;
position: relative;
}
.global-static-content .content-title {
font-size: 50px;
font-size: 3.125rem;
margin-bottom: 30px;
margin-bottom: 1.875rem;
position: relative;
z-index: 2;
}
.global-static-content .hentry {
border: none;
margin: 0;
padding: 0;
}
.global-static-content .static-content-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.global-static-content .entry-content {
position: relative;
z-index: 3;
}
.ls-crux .ls-nav-next {
background: white;
width: 48px;
height: 48px;
}
.ls-crux .ls-nav-prev,
.ls-crux .ls-nav-next {
display: block;
text-decoration: none;
color: #FFF;
position: absolute;
width: 50px;
text-align: center;
height: 50px;
line-height: 62px;
font-size: 25px;
top: 50%;
margin: -30px 15px 0;
background: transparent;
-moz-transition: all 200ms !important;
-o-transition: all 200ms !important;
-webkit-transition: all 200ms !important;
transition: all 200ms !important;
color: #FFF;
visibility: hidden;
z-index: 10000;
left: 30px;
text-align: center;
border-radius: 50%;
}
.ls-crux .ls-nav-next {
left: auto;
right: 30px;
}
.ls-crux .ls-nav-prev:after,
.ls-crux .ls-nav-next:after {
content: '\f104';
font-size: 40px;
display: inline-block;
font-family: FontAwesome;
padding-top: 4px;
margin-left: -5px;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ls-crux .ls-nav-next:after {
content: '\f105';
margin-left: 0px;
margin-right: -5px;
}
.ls-crux .ls-bottom-nav-wrapper {
top: -50px;
}
.ls-crux .ls-bottom-nav-wrapper {
display: block;
width: 100%;
}
.ls-crux .ls-bottom-slidebuttons {
position: relative;
display: inline-block;
}
.ls-crux .ls-bottom-slidebuttons a {
display: inline-block;
width: 12px;
height: 12px;
background: white;
border-radius: 50%;
margin: 5px 5px;
vertical-align: top;
}
.ls-crux .ls-bottom-slidebuttons a.ls-nav-active {
background: #2f322b !important;
}
.ls-crux .ls-nav-start {
background: transparent;
color: red;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
color: white;
border-radius: 50%;
}
.ls-crux .ls-nav-start:after {
content: "\f04b";
font-size: 14px;
display: inline-block;
font-family: FontAwesome;
padding-top: 8px;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ls-crux .ls-nav-stop {
background: transparent;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
color: white;
border-radius: 50%;
}
.ls-crux .ls-nav-stop:after {
content: "\f04c";
font-size: 14px;
display: inline-block;
font-family: FontAwesome;
padding-top: 8px;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ls-crux .ls-nav-stop-active,
.ls-crux .ls-nav-start-active {
color: white;
}
.ls-crux .ls-fullwidth .ls-thumbnail-hover {
bottom: 30px;
padding: 2px;
margin-left: 1px;
}
.product_list_widget li {
margin-bottom: 20px;
margin-bottom: 1.25rem;
border-bottom: 1px solid #b2b2b2;
padding-bottom: 20px;
}
.product_list_widget a {
display: block;
}
.product_list_widget img {
max-width: 55px;
float: left;
margin-right: 20px;
}
.product_list_widget .star-rating {
float: none;
}
.tagcloud a {
display: inline-block;
float: left;
margin: 0px 1px 1px 0;
background: #2f322b;
color: white;
border: 1px solid black;
font-size: 17px !important;
vertical-align: top;
line-height: 1;
padding: 5px 10px;
}
.tagcloud a:hover {
border-color: transparent;
}
.widget-latest-products .products,
.widget-best-sellers .products,
.widget-on-sale-products .products,
.widget-top-rated-products .products {
margin-top: -30px;
margin-top: -1.875rem;
}
.widget-latest-products .products .product,
.widget-best-sellers .products .product,
.widget-on-sale-products .products .product,
.widget-top-rated-products .products .product {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
margin-top: 30px;
margin-top: 1.875rem;
}
.widgetized-sections aside.widget {
margin: 45px 0;
margin:  2.8125rem 0;
}
.widgetized-sections aside.layerslider_widget {
margin: 0;
}
.widgetized-sections .widget-static-content {
padding: 45px 0;
padding:  2.8125rem 0;
}
.widgetized-sections .widget-latest-products,
.widgetized-sections .widget-best-sellers,
.widgetized-sections .widget-on-sale-products,
.widgetized-sections .widget-top-rated-products {
padding-bottom: 0 !important;
}
.widgetized-sections .widgettitle {
font-size: 38px;
font-size: 2.375rem;
}
.featured-product-header {
margin-bottom: 45px;
margin-bottom: 2.8125rem;
}
.featured-product-header .widgettitle {
margin: 0;
display: inline-block;
}
.featured-product-header .paging-navigation--wrapper {
float: right;
display: inline-block;
position: relative;
top: 7px;
}
.featured-product-slider {
height: 520px;
max-height: 520px;
overflow: hidden;
}
.featured-product-slider .scrollbarBlock1 {
display: none !important;
}
.featured-product-slider .slider {
margin-bottom: 30px;
}
.featured-product-slider .slider .product {
margin-right: 30px !important;
}
.featured-product-slider .slider .product:last-child {
margin-right: 0 !important;
}
.featured-product-slider .product {
width: 370px;
max-width: 370px !important;
}
.featured-product-slider .products .product {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.widget-category-boxes {
padding-bottom: 0 !important;
}
.widget-category-box {
margin-bottom: 3% !important;
margin-top: 3% !important;
}
.widget-category-box .category {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.widget-category-box .category-content {
float: right;
width: 55%;
background: gray;
background: rgba(0, 0, 0, 0.5);
padding: 60px 15px;
padding:  3.75rem 0.9375rem;
}
.widget-category-box .category-title {
color: white;
font-size: 35px;
font-size: 2.1875rem;
margin: 0 0 10px 0;
}
.widget-category-box .button {
opacity: 1;
}
.widget-category-box .button:hover {
background-color: #2f322b !important;
border-color: #2f322b;
}
.widget-static-content {
position: relative;
text-transform: inherit;
}
.widget-static-content .static-content-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.widget-static-content .widgettitle {
font-size: 50px;
font-size: 3.125rem;
}
.widget-static-content .inside {
position: relative;
z-index: 2;
}
#lang_sel {
text-align: left;
font-family: inherit;
}
#lang_sel a {
font-size: 16px;
font-size: 1rem;
border-color: #b2b2b2;
padding: 7px 10px;
}
#lang_sel li {
background: white;
}
#lang_sel a.lang_sel_sel {
background: none;
position: relative;
border-color: #b2b2b2;
}
#lang_sel a.lang_sel_sel:before {
position: absolute;
display: inline-block;
top: 0px;
bottom: 0px;
padding-top: 7px;
right: 10px;
border-left: 1px solid #b2b2b2;
padding-left: 10px;
content: "";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
#lang_sel img {
vertical-align: middle;
}
.site-header #lang_sel {
position: relative;
top: 8px;
margin-left: 10px;
}
#lang_sel ul {
background: white;
}
#lang_sel ul ul {
top: 39px;
z-index: 1;
}
#lang_sel ul ul a, #lang_sel ul ul a:visited {
padding: 11px 10px;
border-color: #b2b2b2;
display: block;
}
.stag-dribbble-widget .dribbble-shot {
margin-bottom: 20px;
}
.stag-dribbble-widget img {
width: 400px;
}
.stag-flickr-widget li {
list-style: none;
display: inline-block;
margin: 0px 5px 5px 0;
position: relative;
cursor: pointer;
}
.stag-flickr-widget li:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: white;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 200ms ease-in;
-o-transition: opacity 200ms ease-in;
-webkit-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
}
.stag-flickr-widget li img {
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.stag-flickr-widget li:hover:after {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
}
.stag-flickr-widget li:hover img {
-webkit-filter: grayscale(70%);
filter: grayscale(70%);
}
.comment-form-comment label {
padding-right: 30px;
}
.form-submit.form-submit {
margin: 30px 0 0 0 !important;
}
.comments-header {
border-bottom: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2;
margin-top: 55px;
margin-top: 3.4375rem;
padding-top: 30px;
padding-top: 1.875rem;
}
.comments-header .button {
float: right;
}
.comments-title,
.comment-reply-title {
font-size: 45px;
font-size: 2.8125rem;
line-height: 1;
margin: 0 0 30px 0;
display: inline-block;
}
.tags-links:before {
content: '/';
}
.comment-list {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .comment {
border-top: 1px solid #b2b2b2;
padding: 30px 0;
list-style: none;
}
.comment-list .comment:last-child {
padding-bottom: 0;
}
.comment-list .avatar {
max-width: 70px;
}
.comment-list > li:first-child {
border-top: none;
}
.comment-list #cancel-comment-reply-link {
font-size: 24px;
font-size: 1.5rem;
}
.comment-list .fn {
font-style: normal;
font-size: 24px;
font-size: 1.5rem;
}
.comment-list .fn a {
color: #363f48;
}
.comment-list .edit-link {
display: inline-block;
margin-left: 10px;
font-size: 16px;
}
.comment-list .comment-reply-link {
float: right;
color: #e3e3e3;
vertical-align: bottom;
padding-top: 8px;
}
.comment-list .comment-awaiting-moderation {
margin: 10px 0;
color: #c3c3c3;
}
.comment-list .time {
font-size: 18px;
color: #afafaf;
}
.comment-list .children {
margin-bottom: 0;
padding-left: 70px;
margin-top: 30px;
}
.comment-list .comment-meta {
font-family: "BebasNeue";
font-style: normal;
font-weight: normal;
}
.comment-list .comment-author {
display: inline-block;
margin-right: 15px;
}
.comment-list .comment-content {
margin-top: 10px;
}
.comment-content-container .avatar {
float: left;
}
.comment-content-container .comment-content-wrapper {
margin-left: 100px;
}
.comment-respond {
margin-top: 50px;
margin-top: 3.125rem;
background: #f7f5f1;
padding: 50px 30px;
padding:  3.125rem 1.875rem;
}
.comment-form label {
display: inline-block;
color: #2f322b;
text-transform: uppercase;
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 7px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
border: none;
border: 1px solid transparent;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
border-color: #e5e5e5;
}
.comment-form #submit {
font-size: 21px;
font-size: 1.3125rem;
padding: 15px 30px;
line-height: 1;
}
.comment-form textarea {
resize: none;
height: 165px;
font-weight: 400;
}
.comment-form p {
margin-bottom: 35px;
}
.comment-form .required {
color: #ff6666;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
display: inline-block;
width: 31.5%;
overflow: hidden;
margin-right: -.25em;
vertical-align: top;
}
.comment-form-author input[type="text"],
.comment-form-author input[type="email"],
.comment-form-author input[type="url"],
.comment-form-email input[type="text"],
.comment-form-email input[type="email"],
.comment-form-email input[type="url"],
.comment-form-url input[type="text"],
.comment-form-url input[type="email"],
.comment-form-url input[type="url"] {
width: 100%;
}
.comment-form-author,
.comment-form-email {
margin-right: 2%;
}
input,
button,
textarea {
-webkit-font-smoothing: inherit;
border-radius: 0;
box-shadow: none;
}
@media only screen and (max-width: 480px) {
html {
font-size: 85%;
}
.comment-list .children {
margin: 0;
padding: 0;
}
.comment-content-wrapper {
margin: 0;
}
.noMobile {
display: none;
}
.footer-menu-wrapper .footer-menu li {
width: 100%;
margin-bottom: 4px;
}
.footer-menu-wrapper .footer-menu li:before {
display: none;
}
.footer-menu-wrapper .footer-menu li a {
display: block;
}
.comment-form #submit,
.comments-header .button {
width: 100%;
}
.comments-header .button {
float: none;
margin: -15px 0 25px 0;
text-align: center;
}
.comment-content-container .comment-content-wrapper {
margin-left: 0;
}
.col2-set .col-2 {
padding-top: 30px !important;
}
.shop_table .variation {
display: none;
}
.shop_table .product-quantity {
text-align: left !important;
width: 100% !important;
}
.shop_table .product-name {
padding-top: 10px;
}
.shop_table .product-quantity {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
html {
font-size: 90%;
}
}
@media only screen and (min-width: 767px) {
.col2-set .col-1,
.col2-set .col-2 {
width: 47%;
display: inline-block;
margin: 0 0 0 3%;
margin-right: -.25em;
vertical-align: top;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
html {
font-size: 95%;
}
}
@media only screen and (max-width: 600px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 100%;
margin: 0 0 0px 0;
}
}
@media only screen and (max-width: 900px) {
.navbar, .subheader {
display: none;
}
#advanced_menu_toggle {
display: inline-block;
}
#mobile-wrapper {
display: block;
}
}
@media only screen and (max-width: 700px) {
.stag-column {
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
}
@media only screen and (max-width: 769px) {
.site-branding .grid-6 {
display: inline-block;
max-width: 80%;
}
.site-branding .site-description {
display: none;
}
.site-branding .header--right {
text-align: right;
float: right;
margin-top: -11px;
}
.site-branding #advanced_menu_toggle {
top: 5px;
}
.widget-featured-categories .category {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.site-content .widget-area {
margin-top: 30px;
margin-top: 1.875rem;
}
}
@media only screen and (min-width: 769px) {
.user-mobile-navigation {
display: none !important;
}
.footer-widget-area .widget {
width: 22.05%;
display: inline-block;
margin-left: 3%;
margin-right: -.28em;
vertical-align: top;
}
.widget-latest-products .grid-4,
.widget-best-sellers .grid-4,
.widget-on-sale-products .grid-4,
.widget-top-rated-products .grid-4 {
width: 22.05%;
}
}
.user-mobile-navigation {
margin: 20px 0;
padding: 0 20px;
font-size: 20px;
font-size: 1.25rem;
}
.user-mobile-navigation .woo-login-navigation,
.user-mobile-navigation .cart_dropdown {
display: block;
float: none;
font-size: inherit;
}
.user-mobile-navigation .cart_dropdown {
margin: 0;
padding: 0;
width: 100%;
}
.user-mobile-navigation .dropdown_widget {
display: none !important;
}
.user-mobile-navigation .cart_dropdown_link {
width: 100%;
}
.user-mobile-navigation .woo-login-navigation {
margin-bottom: 10px;
}
.user-mobile-navigation .woo-login-navigation li {
display: block;
list-style: none;
padding: 5px 0;
border-bottom: 1px solid #b2b2b2;
margin: 0;
}
.user-mobile-navigation .woo-login-navigation li::before {
display: none;
}
@media only screen and (max-width: 1210px) {
.subheader,
.site-branding,
.site-footer .inside,
.global-static-content .inside,
.site-content,
.site-info {
padding-left: 20px !important;
padding-right: 20px !important;
}
.main-navigation .primary-menu > li:first-child a {
padding-left: 20px;
}
.category-boxes-wrapper,
.widget-static-content {
margin-left: -20px !important;
margin-right: -20px !important;
}
}