File: /home/posscale/public_html/WP-POS/wp-content/themes/angle/style.css
/*********************************************************************************************
Theme Name: Angle
Theme URI: http://www.wpzoom.com/themes/angle
Version: 2.0.1
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
Description: Angle is Portfolio theme with a minimal design, perfect for showcasing your works.
Tags: portfolio, responsive, minimal, theme options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.
**********************************************************************************************
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.
**********************************************************************************************
1. Toolbox CSS
2. Global Styles
3. Navigation
4. Featured Slider
5. Homepage intro message
6. Pages Headers
7. Hompage (widgetized) Template
8. Portfolio Gallery
9. Blog Posts
10. Single posts
11. Comments
12. Widgets
13. Footer
/*********************************************************************************************
1. Toolbox CSS
*********************************************************************************************/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 600 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }
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: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
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 }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }
/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
/* Text Selection Color */
::-moz-selection { background: #08ceff; color: #fff; }
::selection { background: #08ceff; color: #fff; }
.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}
.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }
input, textarea { font-family: "Roboto", sans-serif; }
label {
margin-bottom: 5px;
}
input, textarea {
padding: 8px 10px;
font-size: 16px;
background: white;
border: 2px solid #E5E5E5;
border-radius: 5px;
width: auto;
}
input[type=text], textarea {
-webkit-appearance: none;
}
input:focus, textarea:focus {
border-color: #333;
outline: 0;
}
button, input[type=button], input[type=reset], input[type=submit] {
display: inline;
width: auto;
font-weight: normal;
padding: 10px 25px;
text-align: center;
white-space: nowrap;
letter-spacing: 1px;
font-size: 16px;
color: #222;
border: 2px solid #222;
border-radius: 5px;
background-color: #fff;
background-image: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
cursor: pointer;
text-decoration: none;
background: #222;
color: #fff;
}
.search-form input[type=search] {
width: 53%;
float: left;
}
.search-form .search-submit {
padding: 8px;
margin-left: 5px;
}
/* Navigation */
div.navigation { position: relative; text-align: center; font-weight: normal; font-size: 16px; margin: 0 0 20px; }
div.navigation a { padding: 5px 12px 0; display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
div.navigation span.current { padding: 4px 12px; font-weight: 500; color: #222; border-radius: 5px; border: 2px solid #222; display: inline-block; border-radius: 5px; }
div.navigation span.pages { margin-right: 15px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0 }
div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 25px; border: 2px solid #222; color: #222; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
div.navigation .prev:hover, div.navigation .next:hover { background-color: #222; color: #fff;}
div.navigation .prev { left: 1.5% }
div.navigation .next { right: 1.5% }
/*********************************************************************************************
2. Global Styles
*********************************************************************************************/
body {
background: #fff;
color: #333;
font-family: "Roboto", sans-serif;
font-size:16px;
line-height:1.7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
text-decoration:none;
color: #222;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
}
a:hover {
text-decoration: none;
color: #ff671b;
}
.inner-wrap {
margin: 0 auto;
width: 1170px;
}
#header {
padding: 30px 0;
}
#header > .inner-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: space-between;
}
.navbar-brand-wpz {
margin: 0;
text-align: left;
order: 1;
flex: 1.5;
}
.navbar-brand-wpz h1 {
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.navbar-brand-wpz img {
margin-bottom: 8px;
max-width: 100%;
height: auto;
}
.navbar-brand-wpz a { color: #000; }
.navbar-brand-wpz a:hover { text-decoration: none; opacity: 0.8; }
.navbar-brand-wpz .tagline {
font-size: 14px;
color: #666;
margin: 0;
}
/*********************************************************************************************
3. Navigation
*********************************************************************************************/
.main-navbar {
position: relative;
order: 2;
flex: 4;
text-align: right;
margin-top: 10px;
}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { display: inline-block; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 6px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }
.navbar-toggle { display: none; position: relative; float: right; margin: 0; padding: 9px 10px; background: #fff; }
.navbar-toggle:hover { background: #f9f9f9; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #020206; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px }
.navbar-nav { font-size: 16px; font-weight: 400; position: relative; z-index: 100; text-align: right; }
.navbar-nav > li { padding: 0 0 15px 30px; position: relative; }
.navbar-nav > li:first-child { padding-left: 0; }
.navbar-nav > li:last-child { margin-right: 0 }
.navbar-nav a { display: block; position: relative; color: #666; text-decoration: none; font-size: 16px; font-weight: 400; padding: 0 0 4px; }
.navbar-nav a:hover { text-decoration: none; color: #000; }
.navbar-nav ul { background: #fff; text-align: left; margin: 0; padding: 10px; font-size: 16px; left: 10%; width: 220px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }
.navbar-nav > li > ul:before { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -7px; left: 31px; z-index: 470; }
.navbar-nav > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e5e5e5; position: absolute; top: -8px; left: 30px; z-index: 460; }
.navbar-nav ul a { line-height: 1.5; text-transform: none; padding: 5px 10px; }
.navbar-nav ul ul { right: 100%; margin-top: 0px; }
.navbar-nav .current-menu-item a, .navbar-nav .current_page_item a, .navbar-nav .current-menu-parent a { color: #000; border-bottom: 1px solid #ff671b; }
.navbar-nav .current_page_item ul a, .navbar-nav .current-menu-parent ul a, .navbar-nav .current_page_parent ul a { color: #666; border: none; }
/*********************************************************************************************
4. Featured Slider ------------------------- wpzoom-slider.php
*********************************************************************************************/
#slider { position:relative; overflow:hidden; }
.empty-slider { width: 1170px; margin: 60px auto 40px; padding: 0 15px;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flexslider { margin: 0; padding: 0; }
.slider-wrap {
background: #F7F7F7;
margin: 0 0 35px;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.slider-wrap .inner-wrap {
width: 94%;
max-width: 1400px;
}
#slider .slides { height: 550px; overflow: hidden; }
.slides:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.slides > li {
-webkit-backface-visibility: hidden;
display: none;
}
#slider .slides > li {
position: relative;
overflow: hidden;
height: 550px;
background-color: black;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.slides > li .excerpt {
margin: 40px auto 0;
color: #e6e6e6;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.slides > li .excerpt:last-child { margin-bottom: 0; }
.slide-content {
position: absolute;
top: 36%;
left: 20%;
width: 60%;
text-align: center;
}
.slide-content h3 {
color: #222;
background: #fff;
font-size: 36px;
font-weight: 500;
padding: 15px 30px;
margin: 0;
line-height: 1.2;
display: inline-block;
clear: both;
}
.slide-content .slide_button {
clear: both;
display: block;
margin-top: 35px;
}
.slide-content .slide_button a {
color: #222;
background: #fff;
font-size: 14px;
font-weight: 500;
padding: 12px 25px;
text-decoration: underline;
}
.slide-content .slide_button a:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
/* Direction Nav */
#slider .flex-direction-nav a {
position: absolute;
z-index: 10;
top: 45%;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease;
font-size: 0;
}
#slider .flex-direction-nav .flex-next {right: 0; }
#slider .flex-direction-nav .flex-prev {left: 0;}
#slider .flex-direction-nav .flex-prev:after,
#slider .flex-direction-nav .flex-next:after {
font: normal 30px/15px 'dashicons';
display: inline-block;
content: "\f340";
vertical-align: top;
padding: 15px 10px;
-webkit-font-smoothing: antialiased;
color: #111;
background: #fff;
}
#slider .flex-direction-nav .flex-next:after {
content: "\f344";
}
#slider .flex-direction-nav .flex-prev:hover:after,
#slider .flex-direction-nav .flex-next:hover:after {
color: #707070;
}
#slider .flex-next:hover,
#slider .flex-prev:hover { opacity: 1; text-decoration: none; color: #707070; }
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/*********************************************************************************************
5. Homepage intro message
*********************************************************************************************/
#heading {
margin: 0 0 50px;
padding: 0 0 50px;
text-align: center;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
position: relative;
}
#heading .action {
border: 2px solid #222;
color: #222;
padding: 12px 30px;
font-size: 18px;
font-weight: 500;
display: inline-block;
letter-spacing: 1px;
border-radius: 5px;
}
#heading .action:hover {
text-decoration:none;
background-color:#222;
color: #fff;
}
#heading h2 {
margin: 0 0 10px;
font-size: 30px;
font-weight: 500;
color: #222;
line-height: 1.3;
}
#heading span.description {
font-size: 18px;
margin: 0 auto 30px;
display: block;
max-width: 75%;
color: #666;
}
/*********************************************************************************************
6. Pages Headers
*********************************************************************************************/
.page-header {
background-color: #F9F9F9;
background-size: cover;
background-position: center center;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
margin: 0 0 40px;
padding: 50px 0;
text-align: center;
position: relative;
}
.page-template-portfolio .page-header,
.tax-portfolio .page-header {
margin: 0;
}
.page-header.page-header-breadcrumbs {
padding: 15px 0 0;
text-align: left;
}
.page-header h1.archive-title,
.page-header h2.archive-title {
font-size: 36px;
font-weight: 500;
color: #222;
}
.page-header h3.archive-title {
font-size: 24px;
font-weight: 500;
color: #222;
}
.page-header p {
color: #666;
margin: 20px auto 0;
max-width: 840px;
font-size: 18px;
}
/* When Featured Image is shown as background */
.page-header.has-post-cover {
padding: 100px 0;
border: none;
}
.page-header.has-post-cover .page-header-content {
position: relative;
text-align: center;
height: 100%;
}
.page-header.has-post-cover:before {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.page-header.has-post-cover h1.archive-title,
.page-header.has-post-cover h2.archive-title {
color: #222;
background: #fff;
font-size: 36px;
font-weight: 500;
padding: 15px 30px;
margin: 0;
line-height: 1.2;
display: inline-block;
clear: both;
}
.page-header.has-post-cover p {
color: #222;
background: #fff;
font-size: 18px;
padding: 15px 30px;
margin: 30px auto 0;
display: block;
clear: both;
}
.page-header.has-post-cover .entry-meta {
color: #e6e6e6;
}
.page-header.has-post-cover .entry-meta a {
color: #fff;
font-weight: 500;
}
.page-header.has-post-cover .entry-meta a:hover {
text-decoration: underline;
}
/*********************************************************************************************
7. Hompage (widgetized) Template
*********************************************************************************************/
.home_widgets {
margin: 0 0 40px;
padding: 0 0 40px;
border-bottom: 1px solid #e5e5e5;
}
.home_widgets.full-width-cols {
border-bottom: none;
padding-bottom: 0;
margin: 0;
}
.home_widgets .widget {
margin: 0 0 50px;
padding: 0 0 25px;
border-bottom: 1px solid #e5e5e5;
}
.home_widgets .widget:last-child {
margin: 0;
padding: 0;
border-bottom: none;
}
.home_widgets .home_column {
width: 31%;
margin-right: 3.5%;
float: left;
}
.home_widgets.cols-1 .home_column {
width: 100%;
margin-right: 0;
}
.home_widgets.cols-2 .home_column {
width: 48%;
margin-right: 4%;
}
.home_widgets .widget h3.title {
margin-bottom: 15px;
color: #222;
text-transform: none;
letter-spacing: 0;
font-size: 20px;
text-align: left;
font-weight: 500;
}
h3.section-title,
.home_widgets.full-width-cols .widget h3.title {
margin: 0 0 40px;
color: #222;
font-size: 16px;
text-align: center;
letter-spacing: 1px;
font-weight: 500;
}
/*********************************************************************************************
8. Portfolio Gallery
*********************************************************************************************/
.portfolio-grid {
list-style-type: none;
font-size: 0;
}
.portfolio-isotope .portfolio-grid {
display: none;
margin: 0;
}
.portfolio_item {
float: none;
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 3.5% 40px 0;
position: relative;
text-align: center;
}
.portfolio-posts .portfolio_item:nth-child(3n+3) {
margin-right: 0;
}
.portfolio-main .portfolio_item {
width: 31%;
margin: 0 1% 40px 1.3%;
}
.portfolio_item .post-thumb {
margin: 0 0 15px;
position: relative;
}
.portfolio_item .post-thumb a {
display: block;
position: relative;
}
.portfolio_item img {
max-width: 100%;
height: auto;
}
.portfolio_item .post-thumb:hover img {
opacity: 0.8;
}
.portfolio_item h3 {
margin: 0;
font-size: 20px;
font-weight: 500;
}
.portfolio_item .portfolio-sub {
color: #666;
letter-spacing: 1px;
font-size: 14px;
font-weight: normal;
}
.portfolio_item .item_overlay {
display: none;
position: absolute;
top: 43%;
left: 25%;
height: 20%;
width: 50%;
text-align: center;
cursor:pointer;
}
.portfolio_item:hover {
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
}
.portfolio_item .post-thumb:hover .item_overlay {
display: block;
text-decoration: none;
}
.portfolio_item .item_overlay h4 {
color: #222;
background: #fff;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
text-decoration: underline;
}
.portfolio_item .item_overlay h4:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.portfolio-grid .isotope-item {
z-index: 2;
}
.portfolio-grid .isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.portfolio-grid.isotope,
.portfolio-grid.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.portfolio-grid.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.portfolio-grid.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.portfolio-grid.no-transition,
.portfolio-grid.no-transition .isotope-item,
.portfolio-grid .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.portfolio-sidebar {
margin: 0 0 50px;
padding: 30px 0;
text-align: center;
background-color: #f9f9f9;
}
.portfolio-sidebar a {
color: #666;
text-decoration: none;
}
.portfolio-sidebar a:hover {
color: #222;
}
.portfolio-sidebar .portfolio-taxonomies {
list-style-type: none;
}
.portfolio-sidebar .portfolio-taxonomies .cat-item {
margin-right: 35px;
display: inline;
}
.portfolio-sidebar .portfolio-taxonomies .current-cat a {
color: #ff671b;
}
/* Portfolio Bar in Single Posts */
.portfolio_item-nav {
position: relative;
background-color: #f9f9f9;
border-bottom: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
}
/* Portfolio bar with thumbnail */
.single-portfolio_item .page-header.has-post-cover {
padding: 150px 0;
border-bottom: none;
margin-top: -1px;
}
.single-portfolio_item .page-header.has-post-cover:before {
background-color: rgba(0, 0, 0, 0.3);
}
.portfolio_item-nav .inner-wrap {
position: relative;
height: 60px;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.ir {
display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;
}
.portfolio_item-nav .all_items {
display: block;
z-index: 10;
position: absolute;
left: 0;
top: 0;
height: 60px;
border-right: 1px solid #E5E5E5;
}
.portfolio_item-nav .all_items a {
background: url('images/portfolio_item-nav.png');
display: block;
height: 32px;
width: 34px;
margin: 15px 20px;
opacity: .8;
}
.portfolio_item-nav .all_items a:hover {
opacity: 1;
}
.portfolio_item-next {
position: absolute;
height: 60px;
right: 0;
top: 0;
border-left: 1px solid #E5E5E5;
}
.portfolio_item-next li {
float: left;
position: relative;
z-index: 20;
height: 60px;
right: 0;
top: 0;
padding: 20px;
}
.portfolio_item-nav .next_item {
border-left: 1px solid #E5E5E5;
margin-left: -1px;
}
.portfolio_item-next li span {
font-size: 22px;
}
.single-portfolio_item ul, .single-portfolio_item ol {
list-style-type: none;
}
/* Individual Portfolio Post */
.portfolio-meta {
float: left;
background: #f9f9f9;
padding: 30px 30px 10px;
width: 270px;
margin: 0;
}
.portfolio-meta span {
display: block;
margin: 0 0 20px;
color: #444;
}
.portfolio-meta span em {
font-style: normal;
font-weight: 500;
display: block;
font-size: 12px;
text-transform: uppercase;
color: #999;
}
.single-portfolio_item .entry-content {
width: 840px;
float: right;
}
/*********************************************************************************************
9. Blog Posts
*********************************************************************************************/
.site-main {
margin-bottom: 35px;
}
.recent-posts {
width: 1040px;
margin: 0 auto;
}
.post-wrap,
.entry-body {
max-width: 840px;
margin: 0 auto;
}
.recent-posts .post:before,
.recent-posts .post:after {
content: " ";
display: table;
}
.recent-posts .post:after {
clear: both
}
.recent-posts .entry-body {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #E4E4E4;
}
.recent-posts .hentry {
position: relative;
}
/*********************************************************************************************
10. Single posts
*********************************************************************************************/
h3.entry-title,
h1.entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 30px;
font-weight: 700;
line-height: 1.3;
color: #222;
}
article .post-thumb {
display: block;
margin-bottom: 30px;
}
article .post-thumb img {
max-width: 100%;
height: auto;
}
.entry-meta { margin: 0 0 20px; color: #999; font-size: 14px; }
.entry-meta a { color: #999; border-bottom: 1px solid #ccc; }
.entry-meta a:hover { color: #222; text-decoration: none; }
.entry-meta span { display: inline; margin-right: 15px; }
.single-post .entry-meta { text-align: center; margin-bottom: 40px;}
.entry-content:before,
.entry-content:after {
content: " ";
display: table;
}
.entry-content:after {
clear: both
}
.entry-content p {
margin-bottom: 30px
}
.entry-content p:last-child {
margin-bottom: 0
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content a {
color: #ff671b;
}
.entry-content a:hover {
color: #222;
}
a.more_link {
display: table;
margin: 0;
border: 2px solid #222;
border-radius: 5px;
padding: 10px 25px;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
color: #222;
}
a.more_link:hover {
background: #222;
color: #fff;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-bottom: 20px;
line-height: 1.3;
font-weight: 700;
color: #222;
}
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
margin-bottom: 20px;
max-width: 100%;
height: auto;
}
.entry-content ul,
.entry-content ol {
margin: 0 0 14px 14px
}
.entry-content li ul,
.entry-content li ol {
margin-bottom: 0
}
.entry-content li {
list-style-position: inside
}
.entry-content ul li {
list-style-type: square
}
.entry-content ol li {
list-style-type: decimal
}
.entry-content blockquote {
border-left: solid 3px #ddd;
font-style: italic;
font-size: 20px;
margin: 45px 40px;
padding: 0 0 0 40px;
}
/* [gallery] shortcode */
.entry-content .gallery .gallery-item {
max-width: 150px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 10px;
}
.entry-content .gallery {
clear: both;
margin: auto;
text-align: center;
}
.entry-content .gallery a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.6;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.gallery img {
width: 150px;
height: auto;
}
/* Images align */
.entry-content .aligncenter,
div.aligncenter {
display: block;
clear: both;
margin-left: auto;
margin-right: auto;
}
.alignleft,
.entry-content .alignleft {
float: left;
margin-right: 15px;
}
.alignright,
.entry-content .alignright {
float: right;
margin-left: 15px;
}
/* Caption for images */
.entry-content .wp-caption {
width: auto;
text-align: center;
}
.entry-content .wp-caption img {
background: none;
margin: 0;
border: 0 none;
max-width: 100%;
width: auto;
height: auto;
}
.entry-content .wp-caption-text,
.gallery-caption {
color: #868686;
font-size: 14px;
margin: 0;
padding: 15px 0;
text-align: center;
}
.entry-content .wp-caption.aligncenter {
margin: 0 auto 15px
}
img.wp-smiley {
border: none;
padding: 0;
}
.entry-content .fullimg .wp-caption.aligncenter {
margin-bottom: 0
}
.entry-content .fullimg .aligncenter {
margin-bottom: 0
}
.entry-content .fullimg p {
margin-bottom: 0
}
.single .entry-footer {
border-top: 1px solid #E5E5E5;
margin: 30px 0 0;
padding: 30px 0 0;
}
.single .entry-footer .section-title {
color: #666;
font-size: 16px;
font-weight: normal;
border: none;
padding: 0;
margin: 0 0 20px;
}
.single .tag_list {
margin: 10px 0;
}
.single .tag_list .separator {
margin: 0 5px 0 0;
color: #aaa;
}
/* Author Bio */
.post_author {
overflow: hidden;
padding: 0 0 30px;
text-align: center;
border-bottom: 1px solid #E5E5E5;
}
.post_author img {
margin: 0 0 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.post_author span {
display: block;
color: #999;
margin: 5px 0 0;
}
.post_author a {
font-size: 18px;
}
/* Sharing Buttons */
.single .share {
border-bottom: 1px solid #E5E5E5;
padding: 0 0 30px;
margin: 0 auto 30px;
text-align: center;
}
.single .share a {
display: inline-block;
text-decoration: none;
font-size: 16px;
color: #fff;
font-weight: 600;
padding: 6px 18px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 20px;
}
.single .share a.twitter {
background: #3a93d8
}
.single .share a.facebook {
background: #2e6cc8
}
.single .share a.gplus {
background: #dd5042
}
.single .share a.twitter:before { content: "\f301"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; }
.single .share a.facebook:before { content: "\f305"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; }
.single .share a.gplus:before { content: "\f462"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; }
.single .share a.twitter:hover {
background: #59aef5
}
.single .share a.facebook:hover {
background: #5084e4
}
.single .share a.gplus:hover {
background: #fb6c59
}
/*********************************************************************************************
11. Comments
*********************************************************************************************/
#comments { margin: 40px 0 0; }
#comments > h3,
#respond > h3 { font-weight: 500; font-size: 26px; position: relative; margin: 0 0 30px; }
#comments > h3 { border-bottom: 1px solid #ebebeb; padding: 0 0 20px; }
#respond h3 { margin-top: 30px }
.comment-notes { display: none; }
#respond h3 small { font-size: 14px; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin-left: 50px }
.commentlist .comment { margin-bottom: 80px; position: relative; }
.commentlist .comment:after { width: 100%; content: " "; border-bottom: 1px solid #ebebeb; bottom: -40px; left: 0; position: absolute; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .avatar { float: left; border-radius: 50%; margin-right: 22px; margin-bottom: 15px; }
.comment-author .fn,
.comment-author .fn a { font-size: 18px; font-style: normal; }
.comment-author .fn a:hover { }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #999; font-size: 14px; }
.comment-author .comment-meta a:hover { color: #222; text-decoration: none; }
.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link { color: #2c343a }
.comment-body { font-size: 16px; line-height: 28px; margin-bottom: 40px; }
#respond { margin-bottom: 30px }
#respond .form_fields p { margin-bottom: 15px }
#respond label { display: block; }
#respond input { width: 40% }
#respond textarea { width: 100% }
#respond #submit { width: auto }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
/*********************************************************************************************
12. Widgets
*********************************************************************************************/
.widget ul { clear: both; margin: 0; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.textwidget img {
max-width: 100%;
height: auto;
}
/* Twitter widget */
.zoom-twitter-widget__item{ padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #ebebeb}
.zoom-twitter-widget__item-timestamp { display: block; color: #838383; margin: 5px 0 0; font-size: 14px; font-style: normal; }
.zoom-twitter-widget__item-timestamp:hover { color: #212426; }
/* Single Page Widget */
.featured_page_content { overflow: hidden; }
.featured_page_content .post-thumb { margin-bottom: 15px; }
.featured_page_content .post-content { color: #666; }
.wpzoom-singlepage img { max-width: 100%; height: auto; }
.featured_page_content .post-video {
width: 100%;
float: none;
}
/* Recent Posts */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 15px 0; float: left; }
.widget .feature-posts-list small { font-size: 14px; color: #999; margin: 0 0 5px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; }
.widget .feature-posts-list li { padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ebebeb; }
.widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;}
.widget .feature-posts-list li h3 { line-height: 1.3; font-size: 18px; color: #3a3a3a; margin: 0 0 5px; }
.home_widgets .widget .feature-posts-list small { width: 200px; float: left; margin: 5px 0 0; }
/* Tag cloud Widget */
.widget_tag_cloud div a { padding: 0 3px; }
/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/* Facebook Like Box */
div.fb-like.fb_iframe_widget { width: 100% !important; }
.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }
/*********************************************************************************************
13. Footer ------------------------- footer.php
*********************************************************************************************/
.site-footer {
background: #F8F8F8;
margin-top: 40px;
border-top: 1px solid #E5E5E5;
color: #666;
}
.footer-widgets {
padding: 40px 0 0;
}
.footer-widgets .column {
float: left;
}
.footer-widgets.widget-columns-4 .column {
width: 23%;
margin-right: 2.6666%;
}
.footer-widgets.widget-columns-3 .column {
width: 31%;
margin-right: 3.5%;
}
.footer-widgets.widget-columns-2 .column {
width: 48%;
margin-right: 4%;
}
.footer-widgets.widget-columns-1 .column {
width: 100%;
}
.footer-widgets.widget-columns-2 .column:nth-child(2n+2),
.footer-widgets.widget-columns-3 .column:nth-child(3n+3),
.footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
margin-right: 0;
}
.footer-widgets .widget {
margin-bottom: 40px;
}
.footer-widgets h3.title {
margin: 0 0 10px;
padding: 0;
color: #222;
font-size: 20px;
font-weight: 500;
}
.site-info {
padding: 20px 0;
font-size: 14px;
background-color: #0D0D0D;
color: #999;
}
.site-info .copyright,
.site-info .designed-by {
text-align: center;
margin: 0 0 5px;
}
.site-info a { color: #fff; }
/*
jQuery.mmenu CSS
*/
.mm-hidden { display: none !important }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1 }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px }
.mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px }
.mm-listview > li.mm-spacer > .mm-next { top: 40px }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px }
.mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) }
/*
jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-opened .mm-page { min-height: 100vh }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; }
/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/*
jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none }
.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important }
/*
jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; }
.mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
/*
jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark { background: #111; color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: white }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
/* Custom mmenu **/
.mm-listview { font-size: 16px }
.mm-menu > .mm-panel { padding: 20px 40px; }
.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: #231F20; }
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #231F20; }
.woocommerce ul.products li.product h3:hover {
color: #ff671b; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: #ff671b !important; }
.woocommerce nav.woocommerce-pagination ul {
border: none;
font-size: 18px; }
.woocommerce nav.woocommerce-pagination ul li {
border: none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
color: #666; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
background: none;
color: #000; }
.woocommerce nav.woocommerce-pagination ul li span.current {
background: none;
color: #000; }
/* WooCommerce Cart Icon */
a.cart-button {
display: block; }
a.cart-button:before {
content: "\f174";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/20px "dashicons";
vertical-align: middle;
margin: 0 8px 0 0; }
.shop-wrapper {
overflow: hidden; }
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 7px 10px;
margin-right: 10px;
border-color: #DEE3E7; }
.woocommerce .entry-content > * {
max-width: 100%; }
.woocommerce h1.entry-title {
margin-bottom: 20px;
font-size: 30px; }
.woocommerce table.shop_table td {
padding: 20px 15px; }
.woocommerce-checkout #payment {
background: #F7F8FA;
border: 1px solid #DEE3E7; }
.woocommerce-checkout #payment ul.payment_methods li {
list-style-type: none; }
.woocommerce-checkout #payment div.payment_box:after {
display: none; }
.woocommerce-checkout #payment ul.payment_methods {
border-bottom-color: #DEE3E7; }
.wc_payment_method label {
display: inline-block; }
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
font-size: 14px; }
.woocommerce .woocommerce-ordering {
color: #171615; }
.woocommerce ul.products li.product {
text-align: center; }
.woocommerce ul.products li.product .product-thumb {
margin: 0 0 15px; }
.woocommerce ul.products li.product .product-thumb a {
display: block;
padding: 0;
margin: 0; }
.woocommerce ul.products li.product .product-thumb a img {
margin: 0; }
.woocommerce .products .star-rating {
display: none; }
.woocommerce ul.products li.product h3 {
padding-top: 0; }
.woocommerce ul.products li.product h3:hover {
color: #ff671b; }
.woocommerce ul.products li.product .price {
color: #444;
margin: 0;
font-size: 16px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-weight: 600;
color: #fff !important;
padding: 10px 25px;
border-radius: 0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
color: #fff; }
.woocommerce-message, .woocommerce-info {
border-top-color: #231F20; }
.woocommerce-message:before, .woocommerce-info:before {
color: #000; }
.woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled {
background-color: #676c71; }
.woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover {
background-color: #676c71; }
.woocommerce #respond input#submit.alt:disabled, .woocommerce a.button.alt:disabled, .woocommerce button.button.alt:disabled, .woocommerce input.button.alt:disabled {
background-color: #676c71; }
.woocommerce #respond input#submit.alt:disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover {
background-color: #676c71; }
.woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled] {
background-color: #676c71; }
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #676c71; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: #231F20; padding: 15px 26px; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #ff671b; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #444; }
.woocommerce div.product .product_title {
text-align: left; }
.woocommerce .quantity .qty {
padding: 8px 6px;
border-radius: 0;
margin-right: 10px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
margin: 0 5px;
border-color: #DEE3E7;
background: #F7F8FA; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: normal;
font-size: 16px; }
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-color: #DEE3E7; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none; }
.woocommerce-tabs #comments {
max-width: 100%;
padding: 0; }
.woocommerce table.shop_table td {
padding: 20px 15px; }
.woocommerce nav.woocommerce-pagination {
margin-bottom: 30px; }
.woocommerce nav.woocommerce-pagination ul {
border: none;
font-size: 18px; }
.woocommerce nav.woocommerce-pagination ul li {
border: 1px solid #eee;
margin: 0 6px; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
color: #666;
padding: 13px 16px; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
background: #231F20;
color: #fff; }
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #231F20;
color: #fff; }
.wc_cat_count {
opacity: .8;
font-weight: normal; }
.woocommerce-product-details__short-description { margin-bottom: 13px; }