/*
Theme Name: Speaker
Theme URI: http://demo.wolfthemes.com/speaker
Description: One Page Music Theme
Version: 1.0.3
Author: WolfThemes
Author URI: http://wolfthemes.com/
Tags: post-formats, sticky-post, translation-ready, theme options, customizer
*/
/* Loader overlay
---------------------------*/
#overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
z-index: 99998;
}
#overlay #loader {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
z-index: 99999;
display: none;
font-size: 1.6rem;
}
/*
No overlay for mobile (issue with jquery fadein on IOS)
*/
.is-mobile #overlay,
.no-loader #overlay,
.is-customizer #overlay {
display: none !important;
}
body {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
font-size: 1.6rem;
}
a, .themecolor {
text-decoration: none;
color: #86b775;
}
a > img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
a > img:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #86b775;
}
.custom-font {
font-family: "Amaranth", Helvetica, Arial, sans-serif;
}
/* Containers
---------------------------------------*/
#page,
#content {
position: relative;
}
#primary {
margin: 0 auto;
width: 100%;
max-width: 740px;
}
#main {
padding: 3em 0 2.5em;
}
.full-width #primary,
.post-archives #primary {
max-width: 1140px;
}
.site-wrapper {
margin: 0 auto;
zoom: 1;
max-width: 1140px;
width: 92%;
}
.site-wrapper:before, .site-wrapper:after {
content: "";
display: table;
}
.site-wrapper:after {
clear: both;
}
.is-one-paged .site-wrapper,
.section-page .site-wrapper,
.single-gallery .site-wrapper {
max-width: 10000px !important;
width: 100% !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
}
.is-one-paged #main,
.section-page #main,
.single-gallery #main {
padding-top: 0;
padding-bottom: 0;
}
/* Expand Icon
----------------------*/
.zoom {
position: relative !important;
display: inline-block !important;
width: auto;
max-width: 100%;
}
.zoom img {
vertical-align: bottom;
margin-bottom: 0 !important;
}
.zoom:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
content: "\f211";
font-family: 'dashicons';
position: absolute;
bottom: 8px;
right: 8px;
width: 25px;
height: 25px;
color: #fff;
font-size: 18px !important;
z-index: 3;
opacity: 0.5;
}
.format-link .entry-title a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f103";
margin-right: 10px;
position: relative;
top: 2px;
font-size: inherit;
font-size: 0.8em !important;
display: inline-block;
font-family: 'dashicons';
}
.full-size-link a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f211";
margin-right: 5px;
font-family: 'dashicons';
position: relative;
top: 2px;
}
.comment-awaiting-moderation:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f463";
font-family: 'dashicons';
margin-right: 5px;
position: relative;
top: 2px;
}
.featured-post:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f109";
font-family: 'dashicons';
margin-right: 5px;
top: 2px;
position: relative;
}
.entry-meta .date a:before, .single-work .work-entry-meta .date a:before,
.entry-meta .published.date:before,
.single-work .work-entry-meta .published.date:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f469";
margin-right: 3px;
top: 3px;
position: relative;
}
.permalink a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f103";
margin-right: 5px;
top: 2px;
position: relative;
}
.comments-link a:before, .comment-count a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f101";
margin-right: 5px;
top: 4px;
position: relative;
}
.entry-meta .author a:before, .single-work .work-entry-meta .author a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f110";
margin-right: 5px;
top: 3px;
position: relative;
}
.work-link:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f242";
margin-right: 5px;
top: 3px;
position: relative;
}
/*.bypostauthor .fn{
&:before{
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f155";
margin-right: 0.8rem;
top: 3px;
position: relative;
}
}
*/
.categories-links a:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f318";
margin-right: 5px;
position: relative;
top: 2px;
}
.tags-links a:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f323";
margin-right: 5px;
position: relative;
top: 3px;
}
.edit-link a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f464";
top: 3px;
margin-right: 5px;
position: relative;
}
.format-quote blockquote:before {
text-align: center;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-family: 'dashicons';
content: "\f122";
margin-right: 5px;
position: relative;
font-size: 1.2em !important;
top: -2px;
opacity: 0.8;
}
.format-aside .entry-meta .date a:before, .format-aside .single-work .work-entry-meta .date a:before, .single-work .format-aside .work-entry-meta .date a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f123";
}
/*.format-video .entry-content {
&:before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f126";
display: block;
margin-bottom: 0.8em;
display: none;
font-size: 32px!important;
text-align: center;
}
}
.format-gallery .entry-content {
&:before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f161";
display: block;
margin-bottom: 0.8em;
display: none;
font-size: 32px!important;
text-align: center;
}
}
.format-image .entry-thumbnail {
&:before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f128";
display: block;
margin-bottom: 0.8em;
display: none;
font-size: 32px!important;
text-align: center;
}
}
.format-audio .entry-content {
&:before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f127";
font-family: 'dashicons';
float: left;
font-size: 64px!important;
display: none;
}
}*/
.format-chat .entry-meta .date a:before, .format-chat .single-work .work-entry-meta .date a:before, .single-work .format-chat .work-entry-meta .date a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f125";
margin-right: 5px;
}
.icon-status:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f130";
margin-right: 5px;
position: relative;
top: -2px;
}
.icon-status:before,
.format-status .entry-meta .date a:before,
.format-status .single-work .work-entry-meta .date a:before,
.single-work .format-status .work-entry-meta .date a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f130";
}
@font-face {
font-family: 'theme-icons';
src: url("fonts/theme-icons.eot?-8lvnt7");
src: url("fonts/theme-icons.eot?#iefix-8lvnt7") format("embedded-opentype"), url("fonts/theme-icons.svg?-8lvnt7#theme-icons") format("svg"), url("fonts/theme-icons.woff?-8lvnt7") format("woff"), url("fonts/theme-icons.ttf?-8lvnt7") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="theme-icon-"], [class*=" theme-icon-"],
#menu-toggle,
#search-toggle {
font-family: 'theme-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.theme-icon-basket:before {
content: "\e60c";
}
.theme-icon-cart:before {
content: "\e609";
}
.theme-icon-envelope:before {
content: "\e607";
}
.theme-icon-user:before {
content: "\e60a";
}
.theme-icon-spinner:before {
content: "\e601";
}
.theme-icon-spinner2:before {
content: "\e602";
}
.theme-icon-spinner3:before {
content: "\e603";
}
.theme-icon-spinner4:before {
content: "\e604";
}
.theme-icon-spinner5:before {
content: "\e605";
}
.theme-icon-spinner6:before {
content: "\e606";
}
.theme-icon-search:before {
content: "\e60d";
}
.theme-icon-menu:before {
content: "\e600";
}
.theme-icon-googleplus:before {
content: "\e608";
}
.theme-icon-pinterest:before {
content: "\e00d";
}
.theme-icon-linkedin:before {
content: "\e00e";
}
.theme-icon-dribbble:before {
content: "\e00f";
}
.theme-icon-feed:before {
content: "\e010";
}
.theme-icon-forrst:before {
content: "\e011";
}
.theme-icon-youtube:before {
content: "\e012";
}
.theme-icon-soundcloud:before {
content: "\e013";
}
.theme-icon-flickr:before {
content: "\e014";
}
.theme-icon-vimeo:before {
content: "\e016";
}
.theme-icon-website:before {
content: "\e025";
}
.theme-icon-twitter:before {
content: "\e028";
}
.theme-icon-facebook:before {
content: "\e029";
}
.theme-icon-deviantart:before {
content: "\e02a";
}
.theme-icon-github:before {
content: "\e02b";
}
.theme-icon-tumblr:before {
content: "\e02c";
}
.theme-icon-skype:before {
content: "\e02d";
}
.theme-icon-lastfm:before {
content: "\e02e";
}
.theme-icon-delicious:before {
content: "\e02f";
}
.theme-icon-stumbleupon:before {
content: "\e030";
}
.theme-icon-foursquare:before {
content: "\e031";
}
.theme-icon-instagram:before {
content: "\e04f";
}
.theme-icon-zerply:before {
content: "\e050";
}
.theme-icon-myspace:before {
content: "\e051";
}
.theme-icon-grooveshark:before {
content: "\e052";
}
.theme-icon-evernote:before {
content: "\e053";
}
.theme-icon-digg:before {
content: "\e054";
}
.theme-icon-behance:before {
content: "\e055";
}
.theme-icon-500px:before {
content: "\e059";
}
.theme-icon-spotify:before {
content: "\e045";
}
.theme-icon-creditcard:before {
content: "\e60b";
}
.theme-icon-spin {
display: inline-block;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.button-alt:hover,
.button-alt-light:hover,
.button-alt-big:hover,
.button-alt-light-big:hover {
background-color: #86b775 !important;
border-color: #86b775 !important;
}
.button,
.button-big,
input[type='submit'] {
background-color: #86b775 !important;
}
.button,
input[type='submit'] {
-webkit-box-shadow: 0 4px 0 #5f934d;
box-shadow: 0 4px 0 #5f934d;
}
.button-big {
-webkit-box-shadow: 0 6px 0 #5f934d;
box-shadow: 0 6px 0 #5f934d;
}
.button:hover,
input[type='submit']:hover {
-webkit-box-shadow: 0 2px 0 #5f934d;
box-shadow: 0 2px 0 #5f934d;
}
.button-big:hover {
-webkit-box-shadow: 0 4px 0 #5f934d;
box-shadow: 0 4px 0 #5f934d;
}
.button:active,
.button:focus,
input[type='submit']:active,
input[type='submit']:focus,
.button-big:active,
.button-big:focus {
-webkit-box-shadow: 0 0 0 #5f934d;
box-shadow: 0 0 0 #5f934d;
}
.site-header {
-webkit-transition: height .3s linear;
transition: height .3s linear;
min-height: 45rem;
height: 45rem;
width: 100%;
position: relative;
padding-top: 6rem;
}
.site-header a {
text-shadow: none;
}
.home.home-header-has-revslider .site-header {
height: auto !important;
min-height: 10rem !important;
}
/*.home.home-header-full-window{
.site-header{
height: 100vh;
}
}*/
.site-header {
padding-top: 0;
display: table;
}
#hero,
.page-header-container {
display: table-cell;
vertical-align: middle;
}
#logo-container {
text-align: center;
}
#logo-container img {
opacity: 1 !important;
max-width: 200px;
height: auto;
}
.page-header .page-title {
margin-top: 1rem;
margin-bottom: 1rem;
}
#header-social-bar {
z-index: 99;
padding: 0.5em;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
/* Header Share Buttons
----------------------------*/
#header-share {
display: none;
}
#header-share #fb, #header-share #twitter {
display: inline-block;
}
#header-share #fb {
position: relative;
top: -8px;
left: 6px;
}
#header-share #fb div[data-action="recommend"] {
width: auto !important;
}
#header-share #fb .fb-like {
width: 110px;
}
#header-share #fb .fb-like > span {
width: 450px !important;
z-index: 9;
}
/* Header social links
------------------------------*/
#header-socials {
max-width: 86%;
font-size: 1.3em;
}
#header-socials a {
margin: 0 0.8rem;
display: inline-block;
color: #333;
}
#header-socials a:hover {
color: #86b775 !important;
}
.breakpoint #header-share {
display: none;
}
.breakpoint #header-socials {
float: none;
}
.nav-menu {
font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
.nav-menu .hide {
display: none !important;
}
#navbar-container {
-webkit-transition: background .3s ease;
transition: background .3s ease;
background: rgba(255, 255, 255, 0.1);
z-index: 9999;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#navbar-mobile-container {
display: none;
}
#one-page-menu {
padding: 0;
margin: 0;
text-align: center;
font-size: 1.4rem;
line-height: 7;
}
#one-page-menu li {
position: relative;
list-style-type: none !important;
display: inline;
}
#one-page-menu li a {
-webkit-transition: all .3s;
transition: all .3s;
padding: 0 1.5rem;
display: inline-block;
color: #333;
}
#one-page-menu li a:hover, #one-page-menu li a.active {
text-shadow: none;
background: rgba(0, 0, 0, 0.05);
color: #86b775;
}
#one-page-menu li a.home-menu-item.active {
background: none;
color: #333;
}
#one-page-menu li a.home-menu-item:hover {
text-shadow: none !important;
background: rgba(0, 0, 0, 0.05);
color: #86b775 !important;
}
#one-page-menu li.cart-menu-item {
color: white !important;
position: relative;
}
#one-page-menu li.cart-menu-item a.cart-menu-item-link .cart-text {
display: none;
}
#one-page-menu li.cart-menu-item .cart-menu-panel {
line-height: 1.7;
display: none;
text-shadow: none;
position: absolute;
right: 0;
width: 250px;
height: 150px;
background: rgba(0, 0, 0, 0.5);
background: #86b775;
color: white !important;
}
#one-page-menu li.cart-menu-item .icon-cart {
display: block;
text-align: center;
}
#one-page-menu li.cart-menu-item .icon-cart:before {
position: relative;
font-size: 3.2rem;
margin: 5px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 2.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'theme-icons';
content: "\e609";
}
#one-page-menu li.cart-menu-item:hover a {
color: white !important;
background: #86b775;
}
#one-page-menu li.cart-menu-item:hover .cart-menu-panel {
display: block;
}
#one-page-menu li ul.sub-menu,
#one-page-menu li ul.children {
display: none;
margin-top: 0;
float: left;
margin-left: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
z-index: 99997 !important;
font-size: 12px;
}
#one-page-menu li ul.sub-menu li,
#one-page-menu li ul.children li {
height: auto;
display: block;
margin: 0;
line-height: 1.4;
}
#one-page-menu li ul.sub-menu li a,
#one-page-menu li ul.children li a {
text-align: left;
display: block;
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.4rem;
margin: 0;
color: white !important;
background: #86b775;
width: 200px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
#one-page-menu li ul.sub-menu li ul,
#one-page-menu li ul.children li ul {
margin-left: 0;
left: 100%;
top: 0;
display: none;
}
#one-page-menu li ul.sub-menu li:hover ul,
#one-page-menu li ul.children li:hover ul {
display: block;
}
#one-page-menu li.menu-item-has-children:hover > a {
background: #86b775;
color: #FFF;
}
#one-page-menu li.menu-item-has-children:hover ul {
top: auto;
display: block;
}
a.cart-menu-item-link:before {
position: relative;
font-size: 1.8rem;
top: 2px;
margin: 0 5px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'theme-icons';
content: "\e609";
}
.intro #one-page-menu li.cart-menu-item .cart-menu-panel {
top: -190px;
}
.sticky-menu #navbar-container {
background: rgba(0, 0, 0, 0.5);
position: fixed;
bottom: auto;
top: 0;
}
.sticky-menu.admin-bar #navbar-container {
top: 28px;
}
.sticky-menu #one-page-menu {
line-height: 4;
}
.intro.admin-bar #navbar-mobile {
top: 46px !important;
}
.breakpoint a#top-arrow {
display: none !important;
}
.breakpoint a.cart-menu-item-link:before {
margin-left: 0;
margin-right: 10px;
}
.breakpoint .cart-menu-panel {
display: none !important;
}
.breakpoint #navbar-container {
display: none;
}
.breakpoint #navbar-mobile-container {
display: block;
}
.breakpoint #header-social-bar {
padding-right: 0;
}
.breakpoint #menu-toggle {
z-index: 110;
display: block;
position: absolute;
top: 0;
left: -32px;
margin-bottom: 0;
cursor: pointer;
color: #333;
width: 32px;
height: 48px;
}
.breakpoint #menu-toggle:before {
content: "\e600";
font-size: 32px;
position: absolute;
top: 6px;
right: -5px;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.breakpoint #menu-toggle #menu-toggle-overlay {
z-index: 110;
display: block;
position: absolute;
width: 24px;
height: 30px;
top: 6px;
right: -24px;
background: #000;
background: #393939;
}
.breakpoint #close-menu {
display: block;
width: 100%;
text-align: right;
color: #fff;
font-size: 32px;
line-height: 32px;
cursor: pointer;
position: relative;
right: 0;
padding-right: 20px;
-moz-transition: opacity ease 0.1s;
-o-transition: opacity ease 0.1s;
-webkit-transition: opacity ease;
-webkit-transition-delay: 0.1s;
-webkit-transition: opacity ease 0.1s;
transition: opacity ease 0.1s;
opacity: 0.6;
}
.breakpoint #close-menu:hover {
opacity: 1;
}
.breakpoint #navbar-mobile {
font-size: 0.8em;
z-index: 9999;
position: fixed;
top: 0;
right: -250px;
width: 250px;
background: #393939;
height: 100%;
text-transform: uppercase;
font-weight: 700;
}
.breakpoint.do-transform #page,
.breakpoint.do-transform #navbar-mobile {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.breakpoint.do-transform.toggled-on #page,
.breakpoint.do-transform.toggled-on #navbar-mobile {
-ms-transform: translate3d(-250px, 0, 0);
-webkit-transform: translate3d(-250px, 0, 0);
transform: translate3d(-250px, 0, 0);
}
.breakpoint.do-animate #page {
right: 0;
}
.breakpoint.do-animate #page,
.breakpoint.do-animate #navbar-mobile {
-webkit-transition: right 0.3s ease-out;
transition: right 0.3s ease-out;
}
.breakpoint.do-animate.toggled-on #page {
right: 250px;
}
.breakpoint.do-animate.toggled-on #navbar-mobile {
right: 0;
}
.breakpoint .main-navigation .nav-menu {
margin: 0;
padding: 0;
}
.breakpoint .main-navigation .nav-menu li {
width: 100%;
list-style-type: none;
line-height: 20px;
}
.breakpoint .main-navigation .nav-menu li.menu-item-has-children, .breakpoint .main-navigation .nav-menu li.page_item_has_children {
position: relative;
padding-bottom: 0;
}
.breakpoint .main-navigation .nav-menu li.menu-item-has-children:after, .breakpoint .main-navigation .nav-menu li.page_item_has_children:after {
content: '';
position: absolute;
right: 2rem;
top: 1rem;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #ffffff;
-moz-transition: opacity ease 0.1s;
-o-transition: opacity ease 0.1s;
-webkit-transition: opacity ease;
-webkit-transition-delay: 0.1s;
-webkit-transition: opacity ease 0.1s;
transition: opacity ease 0.1s;
opacity: 0.6;
}
.breakpoint .main-navigation .nav-menu li.menu-item-has-children:after:hover, .breakpoint .main-navigation .nav-menu li.page_item_has_children:after:hover {
opacity: 1;
}
.breakpoint .main-navigation .nav-menu li.menu-item-has-children a:first-child, .breakpoint .main-navigation .nav-menu li.page_item_has_children a:first-child {
padding-right: 45px;
}
.breakpoint .main-navigation .nav-menu li a {
-moz-transition: opacity ease 0.1s;
-o-transition: opacity ease 0.1s;
-webkit-transition: opacity ease;
-webkit-transition-delay: 0.1s;
-webkit-transition: opacity ease 0.1s;
transition: opacity ease 0.1s;
padding: 0.5rem 2rem;
opacity: 0.6;
color: #fff;
display: block;
min-height: 3.5rem;
}
.breakpoint .main-navigation .nav-menu li a:hover {
opacity: 1;
}
.breakpoint .main-navigation .nav-menu li ul.sub-menu,
.breakpoint .main-navigation .nav-menu li ul.children {
padding: 0;
margin: 0;
display: none;
margin-bottom: 0;
}
.breakpoint .main-navigation .nav-menu li ul.sub-menu li,
.breakpoint .main-navigation .nav-menu li ul.children li {
padding-left: 1.4em;
}
.entry-meta, .single-work .work-entry-meta, .edit-link {
clear: both;
font-size: 1.5rem;
color: #a2a2a2;
}
.entry-meta a, .single-work .work-entry-meta a, .edit-link a {
color: #a2a2a2;
}
.entry-meta a:hover, .single-work .work-entry-meta a:hover, .edit-link a:hover {
color: #86b775 !important;
}
.edit-link {
margin-top: 0;
}
.entry-meta > span, .single-work .work-entry-meta > span {
display: inline;
margin-right: 20px;
}
.entry-meta > span:last-child, .single-work .work-entry-meta > span:last-child {
margin-right: 0;
}
.sticky.format-standard .entry-meta .date, .sticky.format-standard .single-work .work-entry-meta .date, .single-work .sticky.format-standard .work-entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-audio .single-work .work-entry-meta .date,
.single-work .sticky.format-audio .work-entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-chat .single-work .work-entry-meta .date,
.single-work .sticky.format-chat .work-entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-image .single-work .work-entry-meta .date,
.single-work .sticky.format-image .work-entry-meta .date,
.sticky.format-gallery .entry-meta .date,
.sticky.format-gallery .single-work .work-entry-meta .date,
.single-work .sticky.format-gallery .work-entry-meta .date {
display: none;
}
.taxonomy-description {
text-align: center;
display: block;
margin-top: 1rem;
}
.entry-link:hover {
color: #86b775;
}
.entry-content,
#container,
.comment-content {
zoom: 1;
overflow: hidden;
margin-top: 0;
}
.entry-content:before, .entry-content:after,
#container:before,
#container:after,
.comment-content:before,
.comment-content:after {
content: "";
display: table;
}
.entry-content:after,
#container:after,
.comment-content:after {
clear: both;
}
.entry-thumbnail a {
display: block;
}
.entry-thumbnail a img {
vertical-align: bottom;
}
.single-video .entry-thumbnail {
display: none;
}
.format-quote blockquote {
padding-left: 0;
border: none;
font-size: 1.3em;
text-align: center;
}
.format-audio .entry-thumbnail {
display: none;
}
.format-audio.is-embed-audio .entry-thumbnail {
display: block;
margin-bottom: 0;
}
article.post {
padding-top: 4rem;
padding-bottom: 4rem;
border-bottom: 4px solid rgba(0, 0, 0, 0.05);
}
article.post:first-child {
padding-top: 0;
}
.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol {
margin-left: 1.5em;
margin-bottom: 1em;
}
.more-link {
margin-left: 0;
}
/* Wordpress mejs player */
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #86b775 !important;
}
.single article.post {
padding: 0 !important;
border: none !important;
}
.single h1.entry-title {
margin-bottom: 15px;
}
.single .entry-thumbnail {
margin-bottom: 2rem;
}
.single .entry-content p:first-child {
margin-top: 0;
}
.single .entry-meta, .single .single-work .work-entry-meta, .single-work .single .work-entry-meta {
margin-bottom: 20px;
}
.single .format-video .entry-thumbnail,
.single .format-video .work-thumbnail,
.single .format-gallery .entry-thumbnail,
.single .format-gallery .work-thumbnail {
display: none;
}
.single .format-aside .entry-title,
.single .format-status .entry-title,
.single .format-quote .entry-title,
.single .format-link .entry-title {
display: none;
}
.single .format-audio.is-embed-audio .entry-thumbnail {
display: block;
margin-bottom: 2rem;
}
/* Sections Containers
-----------------------------*/
.section {
zoom: 1;
overflow: hidden;
}
.section:before, .section:after {
content: "";
display: table;
}
.section:after {
clear: both;
}
.section-inner {
width: 100%;
position: relative;
padding: 5em 0;
}
.section-wrap {
zoom: 1;
margin: 0 auto;
max-width: 1140px;
width: 92%;
z-index: 10;
position: relative;
}
.section-wrap:before, .section-wrap:after {
content: "";
display: table;
}
.section-wrap:after {
clear: both;
}
.section-full-width .section-wrap {
max-width: 10000px;
}
.section-small-width .section-wrap {
max-width: 740px;
}
.edit-section-link {
z-index: 9999;
font-size: 0.8em;
position: absolute;
bottom: 2em;
left: 2em;
}
/* Sections Font color
-----------------------------*/
.section-font-dark {
color: #666;
}
.section-font-dark td {
border: solid 2px rgba(0, 0, 0, 0.08);
}
.section-font-dark h1, .section-font-dark h2, .section-font-dark h3, .section-font-dark h4, .section-font-dark h5 {
color: #333;
}
.section-font-dark h1 a, .section-font-dark h2 a, .section-font-dark h3 a, .section-font-dark h4 a, .section-font-dark h5 a {
color: #333;
}
.section-font-dark [class^="icon-"],
.section-font-dark [class*=" icon-"] {
color: #333;
}
.section-font-dark [class^="icon-"],
.section-font-dark [class*=" icon-"] {
color: #333;
}
.section-font-dark .wolf-show-flyer,
.section-font-dark .wolf-release-buttons a {
color: #333;
}
.section-font-dark .wolf-show-entry-link {
color: black !important;
}
.section-font-light {
color: #f7f7f7;
}
.section-font-light td {
border: solid 2px rgba(255, 255, 255, 0.08);
}
.section-font-light h1, .section-font-light h2, .section-font-light h3, .section-font-light h4, .section-font-light h5 {
color: #fff;
}
.section-font-light h1 a, .section-font-light h2 a, .section-font-light h3 a, .section-font-light h4 a, .section-font-light h5 a {
color: #fff;
}
.section-font-light [class^="icon-"],
.section-font-light [class*=" icon-"] {
color: #fff;
}
.section-font-light [class^="icon-"],
.section-font-light [class*=" icon-"] {
color: #fff;
}
.section-font-light .wolf-show-flyer,
.section-font-light .wolf-release-buttons a {
color: #fff;
}
.section-font-light .wolf-show-entry-link {
color: white !important;
}
.section-font-light #posts-front-page article.post .entry-inner.entry-inner {
background: rgba(255, 255, 255, 0.05);
}
.section-font-light #posts-front-page article.post .entry-frame {
-webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2);
}
/* Section Video Background
---------------------------------------*/
.section-video-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.section-video-container embed, .section-video-container iframe, .section-video-container object, .section-video-container video {
max-width: 10000px;
}
.section-video {
position: absolute;
z-index: 0;
top: 0;
left: 0;
}
/* Section Full Window
---------------------------------------*/
.section-full-window {
display: table;
width: 100%;
}
.section-full-window .section-inner {
display: table-cell;
vertical-align: middle;
height: 100%;
}
/* Section Instgram Full Width
---------------------------------------*/
.section-full-width.is-wolfgram-section .section-wrap,
.is-section-masonry-gallery .section-wrap {
max-width: 10000px;
width: 100% !important;
}
.section-full-width.is-wolfgram-section .section-inner,
.is-section-masonry-gallery .section-inner {
padding: 0 !important;
}
.is-section-masonry-gallery {
background: #0d0d0d;
}
#posts-front-page #post-media-container .wp-playlist {
margin: 0 !important;
}
#posts-front-page #post-media-container.has-bg {
color: #FFF;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
#posts-front-page #post-media-container.has-bg blockquote {
color: #FFF;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
#posts-front-page #post-media-container .wrap {
width: 100%;
}
#posts-front-page #post-media-container .wolf-jplayer-playlist,
#posts-front-page #post-media-container .wolf-jplayer-playlist-container {
margin-bottom: 0;
}
#posts-front-page article.post {
font-size: 0.8em;
margin: 0;
border: none;
padding: 0.5em;
width: 100%;
}
#posts-front-page article.post .entry-frame {
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
#posts-front-page article.post .mejs-container {
margin-bottom: 0;
}
#posts-front-page article.post blockquote {
margin-top: 0;
margin-bottom: 0;
}
#posts-front-page article.post .entry-header {
overflow: hidden;
}
#posts-front-page article.post .entry-header .fluid-video {
margin-bottom: 0;
}
#posts-front-page article.post .entry-thumbnail {
margin-bottom: 0;
}
#posts-front-page article.post h2.entry-title {
display: block;
font-size: 1.7rem;
line-height: 1;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#posts-front-page article.post h2.entry-title a {
display: block;
}
#posts-front-page article.post .entry-inner {
background: rgba(0, 0, 0, 0.01);
padding: 1em 1.2em;
}
#posts-front-page article.post .entry-content {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
}
#posts-front-page article.post .entry-content p {
margin-top: 0;
}
#posts-front-page article.post .entry-meta, #posts-front-page article.post .single-work .work-entry-meta, .single-work #posts-front-page article.post .work-entry-meta {
font-size: 1.2rem;
text-align: center;
}
#posts-front-page article.post .entry-meta > span, #posts-front-page article.post .single-work .work-entry-meta > span, .single-work #posts-front-page article.post .work-entry-meta > span {
display: inline-block;
}
#posts-front-page article.post .more-link {
margin-left: 0;
margin-right: 0;
width: 100%;
font-size: 1.4rem;
}
#posts-front-page article.post.is-soundcloud .entry-inner {
margin-top: -9px;
}
#posts-front-page article.post.format-gallery .wolf-gallery-slider .flex-control-nav {
bottom: 0 !important;
}
#posts-front-page article.post.format-gallery .flexslider {
margin-left: -1px;
margin-bottom: 0 !important;
}
#posts-front-page article.post.format-gallery .flex-direction-nav .flex-prev, #posts-front-page article.post.format-gallery .flex-direction-nav .flex-next {
height: 40px;
width: 40px;
}
#posts-front-page article.post.format-gallery .flex-direction-nav .flex-prev:before, #posts-front-page article.post.format-gallery .flex-direction-nav .flex-next:before {
font-size: 32px;
}
#posts-front-page article.post.format-gallery .flex-control-paging {
display: none;
}
#posts-front-page article.post.format-link #post-media-container, #posts-front-page article.post.format-quote #post-media-container {
padding: 2rem;
text-align: center;
}
#posts-front-page article.post.format-link p {
margin-bottom: 0;
}
/* Author info */
.author-info {
margin: 3rem auto 0;
text-align: left;
max-width: 800px;
}
.author-avatar {
margin-top: 0;
margin-bottom: 0;
}
.author-avatar a {
margin: 0 5px;
display: inline-block;
font-size: 16px;
color: #666;
}
.author-description p {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
margin-top: -1.2rem;
font-size: 0.85em;
}
.author-description h5 {
font-size: inherit;
line-height: 1.5;
}
.paging-navigation,
.post-navigation,
.release-paging-navigation,
.work-navigation {
width: 100%;
padding: 3em 0;
font-weight: 700;
zoom: 1;
clear: both;
}
.paging-navigation:before, .paging-navigation:after,
.post-navigation:before,
.post-navigation:after,
.release-paging-navigation:before,
.release-paging-navigation:after,
.work-navigation:before,
.work-navigation:after {
content: "";
display: table;
}
.paging-navigation:after,
.post-navigation:after,
.release-paging-navigation:after,
.work-navigation:after {
clear: both;
}
.paging-navigation .nav-previous, .paging-navigation .nav-links a[rel="prev"], .paging-navigation .previous,
.paging-navigation .nav-next, .paging-navigation .nav-links a[rel="next"], .paging-navigation .next,
.post-navigation .nav-previous,
.post-navigation .nav-links a[rel="prev"],
.post-navigation .previous,
.post-navigation .nav-next,
.post-navigation .nav-links a[rel="next"],
.post-navigation .next,
.release-paging-navigation .nav-previous,
.release-paging-navigation .nav-links a[rel="prev"],
.release-paging-navigation .previous,
.release-paging-navigation .nav-next,
.release-paging-navigation .nav-links a[rel="next"],
.release-paging-navigation .next,
.work-navigation .nav-previous,
.work-navigation .nav-links a[rel="prev"],
.work-navigation .previous,
.work-navigation .nav-next,
.work-navigation .nav-links a[rel="next"],
.work-navigation .next {
padding: 0;
margin: 0;
width: 36px;
height: 36px;
position: relative;
background: #333;
border-radius: 4px;
}
.paging-navigation .nav-previous:before, .paging-navigation .nav-links a[rel="prev"]:before, .paging-navigation .previous:before,
.paging-navigation .nav-next:before, .paging-navigation .nav-links a[rel="next"]:before, .paging-navigation .next:before,
.post-navigation .nav-previous:before,
.post-navigation .nav-links a[rel="prev"]:before,
.post-navigation .previous:before,
.post-navigation .nav-next:before,
.post-navigation .nav-links a[rel="next"]:before,
.post-navigation .next:before,
.release-paging-navigation .nav-previous:before,
.release-paging-navigation .nav-links a[rel="prev"]:before,
.release-paging-navigation .previous:before,
.release-paging-navigation .nav-next:before,
.release-paging-navigation .nav-links a[rel="next"]:before,
.release-paging-navigation .next:before,
.work-navigation .nav-previous:before,
.work-navigation .nav-links a[rel="prev"]:before,
.work-navigation .previous:before,
.work-navigation .nav-next:before,
.work-navigation .nav-links a[rel="next"]:before,
.work-navigation .next:before {
text-align: center;
vertical-align: middle;
width: 36px;
height: 36px;
color: #FFF;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 4px;
left: 0;
font-family: 'dashicons';
}
.paging-navigation .nav-previous, .paging-navigation .nav-links a[rel="prev"], .paging-navigation .previous,
.post-navigation .nav-previous,
.post-navigation .nav-links a[rel="prev"],
.post-navigation .previous,
.release-paging-navigation .nav-previous,
.release-paging-navigation .nav-links a[rel="prev"],
.release-paging-navigation .previous,
.work-navigation .nav-previous,
.work-navigation .nav-links a[rel="prev"],
.work-navigation .previous {
float: left;
}
.paging-navigation .nav-previous:before, .paging-navigation .nav-links a[rel="prev"]:before, .paging-navigation .previous:before,
.post-navigation .nav-previous:before,
.post-navigation .nav-links a[rel="prev"]:before,
.post-navigation .previous:before,
.release-paging-navigation .nav-previous:before,
.release-paging-navigation .nav-links a[rel="prev"]:before,
.release-paging-navigation .previous:before,
.work-navigation .nav-previous:before,
.work-navigation .nav-links a[rel="prev"]:before,
.work-navigation .previous:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f341";
left: -2px;
}
.paging-navigation .nav-next, .paging-navigation .nav-links a[rel="next"], .paging-navigation .next,
.post-navigation .nav-next,
.post-navigation .nav-links a[rel="next"],
.post-navigation .next,
.release-paging-navigation .nav-next,
.release-paging-navigation .nav-links a[rel="next"],
.release-paging-navigation .next,
.work-navigation .nav-next,
.work-navigation .nav-links a[rel="next"],
.work-navigation .next {
float: right;
}
.paging-navigation .nav-next:before, .paging-navigation .nav-links a[rel="next"]:before, .paging-navigation .next:before,
.post-navigation .nav-next:before,
.post-navigation .nav-links a[rel="next"]:before,
.post-navigation .next:before,
.release-paging-navigation .nav-next:before,
.release-paging-navigation .nav-links a[rel="next"]:before,
.release-paging-navigation .next:before,
.work-navigation .nav-next:before,
.work-navigation .nav-links a[rel="next"]:before,
.work-navigation .next:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f345";
}
.paging-navigation .meta-nav,
.post-navigation .meta-nav,
.release-paging-navigation .meta-nav,
.work-navigation .meta-nav {
display: none;
}
.paging-navigation .nav-previous a,
.paging-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.release-paging-navigation .nav-previous a,
.release-paging-navigation .nav-next a,
.work-navigation .nav-previous a,
.work-navigation .nav-next a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
}
.single .paging-navigation, .single .post-navigation, .search .paging-navigation, .search .post-navigation {
padding: 2em 0;
}
.single .nav-links,
.single-attachment .nav-links {
width: 100%;
}
.navigation-image,
.comment-navigation {
margin-bottom: 1em;
}
.navigation-image .previous,
.comment-navigation .previous {
float: left;
text-align: left;
}
.navigation-image .previous:hover,
.comment-navigation .previous:hover {
background: none !important;
}
.navigation-image .next,
.comment-navigation .next {
float: right;
text-align: right;
}
.navigation-image .next:hover,
.comment-navigation .next:hover {
background: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* Pagination
/*-----------------------------------------------------------------------------------*/
.pagination,
.woocommerce-pagination {
margin: 2rem 0;
}
.pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
zoom: 1;
margin-left: 0;
}
.pagination ul.page-numbers:before, .pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after {
content: "";
display: table;
}
.pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:after {
clear: both;
}
.pagination ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
list-style-type: none;
display: inline-block;
}
.pagination ul.page-numbers li .page-numbers,
.woocommerce-pagination ul.page-numbers li .page-numbers {
font-size: 15px;
line-height: 27px;
position: relative;
color: #333333 !important;
font-weight: bold;
float: left;
cursor: pointer;
display: inline-block;
height: 28px;
width: 28px;
margin: 10px 5px 10px 0;
text-align: center;
text-shadow: none;
text-decoration: none !important;
border: none;
border: solid 1px rgba(0, 0, 0, 0.08);
}
.pagination ul.page-numbers li .page-numbers:hover,
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
opacity: 0.7;
}
.pagination ul.page-numbers li .page-numbers.current,
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
color: white !important;
background-color: #86b775 !important;
border: solid 1px #86b775;
opacity: 1;
}
.pagination ul.page-numbers li .page-numbers.dots,
.woocommerce-pagination ul.page-numbers li .page-numbers.dots {
opacity: 1 !important;
background: none;
border: none;
}
.pagination ul.page-numbers li .page-numbers.next,
.pagination ul.page-numbers li .page-numbers.prev,
.woocommerce-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
line-height: 25px;
}
.music-social-icons-container {
text-align: center;
padding: 2em 0;
background: #333;
}
.wolf-music-social-icons {
margin: 0 auto;
width: 95%;
}
.sidebar-footer {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
}
.sidebar-footer .widget {
font-size: 1.5rem;
}
.sidebar-footer .wolf-twitter-widget ul.wolf-tweet-list li:before {
color: #666;
}
.sidebar-footer .widget_text a {
font-weight: 700;
}
/* Back to the top link
---------------------------------------*/
a#top-arrow {
display: none;
width: 50px;
height: 50px;
background: #FFF;
position: fixed;
right: 40px;
bottom: 30px;
z-index: 9999;
border-radius: 50%;
opacity: 0.5;
-webkit-transition: opacity ease 0.2s;
transition: opacity ease 0.2s;
}
a#top-arrow:hover {
opacity: 1;
}
a#top-arrow:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'dashicons';
content: "\f343";
font-weight: 400 !important;
text-decoration: none !important;
line-height: 1;
color: #333333;
top: 14px;
left: 15px;
font-size: 20px;
position: absolute;
}
.site-infos {
font-size: 1.3rem;
}
.is-mobile * {
background-attachment: scroll !important;
/* Ensure that no backgrounds are in fixed attachment on mobile devices */
}
.is-mobile a > img {
opacity: 1 !important;
}
.is-mobile #video-header {
display: none;
}
.is-mobile span.gallery-item-overlay {
display: none !important;
}
.is-mobile .album-thumb img, .is-mobile .album-thumb h5 {
opacity: 1 !important;
}
.is-mobile .album-thumb h5 {
opacity: 0.8;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.is-mobile .album-thumb p {
display: none;
}
.is-mobile .album-thumb:hover img {
top: 0 !important;
}
.is-mobile .video-thumb span.play-overlay {
opacity: 1 !important;
top: 15px;
left: 15px;
width: 30px;
height: 30px;
background-size: 30px 30px;
}
.is-mobile .video-thumb .video-title {
opacity: 0.8 !important;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
bottom: 0 !important;
background: none !important;
}
.is-mobile .video-thumb .video-title h5 {
opacity: 1 !important;
bottom: 0 !important;
}
.is-mobile .work-item .work-thumbnail .work-title {
color: white !important;
top: 5rem;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
opacity: 0.8;
}
.is-mobile .work-item a:hover img {
filter: none;
/*Applies to FF + IE */
-webkit-filter: grayscale(0);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
/* Share */
.share-box {
margin: 2em 0;
}
.share-box .share-box-title {
float: left;
margin-right: 1.4rem;
}
.share-box .share-box-icons {
width: auto;
float: left;
}
.share-box .share-title {
line-height: 1;
margin-bottom: 0;
font-weight: 700;
font-size: 2.2rem;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
}
.share-box .share-link {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
margin: 0 5px;
color: #666;
display: inline-block;
border: none;
}
.share-box .share-link.theme-icon-facebook:hover:before {
color: #3b5997 !important;
}
.share-box .share-link.theme-icon-twitter:hover:before {
color: #41b7d8 !important;
}
.share-box .share-link.theme-icon-pinterest:hover:before {
color: #cb2027 !important;
}
.share-box .share-link.theme-icon-googleplus:hover:before {
color: #d64937 !important;
}
.share-box .share-link.theme-icon-tumblr:hover:before {
color: #2c4762 !important;
}
.share-box .share-link.theme-icon-stumbleupon:hover:before {
color: #eb4923 !important;
}
.share-box .share-link.theme-icon-linkedin:hover:before {
color: #007bb6 !important;
}
.share-box .share-link:hover:before {
color: #86b775 !important;
}
/* Main galleries styles
------------------------------*/
.gallery {
zoom: 1;
margin-bottom: 0 !important;
height: auto;
}
.gallery:before, .gallery:after {
content: "";
display: table;
}
.gallery:after {
clear: both;
}
.gallery ul {
margin: 0;
padding: 0;
}
.gallery ul li {
list-style-type: none !important;
float: left;
}
.gallery a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: none !important;
}
.grid-gallery ul li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 25%;
padding: 3px;
}
.grid-gallery ul li a {
display: block;
}
.grid-gallery ul li a img {
vertical-align: bottom;
}
.grid-gallery ul li:first-child {
width: 100%;
}
dd.wp-caption-text.gallery-caption {
display: none;
}
/* Section Masonry gallery
------------------------------------*/
.photo-item {
float: left;
position: relative;
}
.photo-item.big-square .photo-full-size-link,
.photo-item.big-square .img-container,
.photo-item.portrait .photo-full-size-link,
.photo-item.portrait .img-container {
height: 200px;
}
.photo-full-size-link,
.img-container {
height: 200px;
}
.photo-item {
width: 100%;
}
.photo-item.landscape, .photo-item.big-square {
width: 100%;
}
.photo-full-size-link {
display: block;
overflow: hidden;
cursor: pointer;
}
.img-container {
display: block;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-left: -2px;
}
.photo-item {
width: 49.5%;
}
.photo-item.landscape, .photo-item.big-square {
width: 49.5%;
}
.comment-reply-link {
color: #86b775;
}
.comments-title {
font-size: 1.2em;
}
.avatar {
border-radius: 50%;
}
.bypostauthor .avatar {
border: 3px solid #86b775;
}
.comment-meta,
.comment-meta a,
.comment-awaiting-moderation,
.ping-meta {
color: #a2a2a2;
}
.comment-meta {
font-size: 0.8em;
}
.comment-meta cite.fn {
font-size: 1.3em;
}
.widget-title {
font-family: "Roboto", Helvetica, Arial, sans-serif;
border: none;
}
.widget .wolf-jplayer-playlist {
margin-bottom: 0;
}
.widget ul {
margin-left: 0;
}
.widget .wolf-flickr-img:hover, .widget .wolf-dribbble-img:hover, .widget a img:hover {
opacity: .8;
}
/* Sidebar and footer */
#tertiary .widget-title, #secondary .widget-title {
margin-top: 0;
}
#tertiary .widget ul, #secondary .widget ul {
padding: 0;
margin: 0;
}
#tertiary .widget ul li, #secondary .widget ul li {
margin-left: 1.2em;
}
#tertiary .widget-entry .widget-entry-title a, #secondary .widget-entry .widget-entry-title a {
color: #fff;
}
#secondary .widget {
font-size: 1.5rem;
margin-bottom: 2.5em;
}
#secondary .widget:last-child {
border-bottom: none !important;
}
#tertiary {
padding: 2.5em 0 1.5em;
}
#tertiary .widget:first-child {
margin-left: 0;
}
#tertiary .widget:last-child {
margin-right: 0;
}
#tertiary .widget input[type="submit"],
#tertiary .widget input[type="text"],
#tertiary .widget input[type="email"],
#tertiary .widget input[type="search"],
#tertiary .widget input[type="password"],
#tertiary .widget input[name="post_password"] {
width: 100% !important;
}
/* Post Archives
-----------------------*/
.post-archives a {
border: none !important;
}
.post-archives .most-used-tags {
text-align: center;
margin-top: 0.5rem;
}
.archives-search {
margin-bottom: 3em;
}
.archives-search input[type="search"] {
width: 95%;
margin: 0 auto;
}
.archives-list .archives-row {
width: 31%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.archives-list .archives-row:first-child {
margin-left: 0 !important;
}
.archives-list .archives-row:last-child {
margin-right: 0 !important;
}
.archives-list .archives-row ul {
margin-left: 20px;
margin-bottom: 0;
}
.tag-list {
margin-bottom: 2em;
display: block;
}
.tag-list li {
list-style-type: none;
}
.tag-list ul {
margin-left: 0 !important;
}
.error404 #main {
padding: 8rem 0 8rem;
text-align: center;
}
.error404 #main h1 {
font-size: 13rem;
margin-bottom: 2rem;
}
.error404 #main article.post {
border-bottom: none;
}
/* Custom Flexslider Styles
---------------------------------------*/
/* reset */
.flexslider {
margin: 0 0 2em;
border: none;
background: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.flexslider a {
border: none !important;
}
.flexslider img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: none !important;
}
.flexslider img:hover {
opacity: 1 !important;
}
.flexslider a:hover {
opacity: 1 !important;
}
.flexslider ul, .flexslider ol {
margin: 0;
padding: 0;
}
.flexslider ul.slides li {
padding: 0 !important;
margin-left: 0 !important;
list-style-type: none !important;
position: relative;
}
.flexslider .flex-caption {
margin-top: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
max-width: 95%;
}
.flex-control-paging {
z-index: 9;
bottom: 10px;
}
.flex-control-paging li a {
background: white !important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.flex-control-paging li a.flex-active {
background: none !important;
-webkit-box-shadow: 0 0 0 1px white;
box-shadow: 0 0 0 1px white;
}
.flex-direction-nav li {
list-style-type: none;
}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
height: 50px;
width: 50px;
color: rgba(0, 0, 0, 0.5);
}
.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
color: #fff;
}
.format-gallery .wolf-gallery-slider {
margin-bottom: 0;
}
.format-gallery .wolf-gallery-slider .flex-control-nav {
height: 30px;
z-index: 5;
}
.format-gallery .wolf-gallery-slider .flex-control-nav li a {
width: 12px;
height: 12px;
}
.flex-caption {
display: block;
position: absolute;
top: 20px;
padding: 0.5em 1em;
font-size: 0.95em;
background: #333;
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.format-gallery .flexslider {
margin-bottom: 1em;
}
.fancybox-overlay {
z-index: 99999;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("images/fancybox/fancybox_sprite.png");
}
#fancybox-loading div {
background: url("images/fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-nav {
background: transparent url("images/fancybox/blank.gif");
/* helps IE */
}
.fancybox-overlay {
background: url("images/fancybox/fancybox_overlay.png");
}
.fancybox-nav {
height: 60%;
margin-top: 16%;
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("images/fancybox/fancybox_sprite@2x.png");
}
#fancybox-loading div {
background-image: url("images/fancybox/fancybox_loading@2x.gif");
}
}
#swipebox-slider .slide-loading {
background-image: url("images/swipebox/loader.gif");
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
background-image: url("images/swipebox/icons.png");
}
/* Rev Slider Theme Styles
---------------------------------------*/
.rev_slider_wrapper h1, .rev_slider_wrapper h2, .rev_slider_wrapper h3, .rev_slider_wrapper h4, .rev_slider_wrapper h5, .rev_slider_wrapper h6 {
color: #FFF;
}
.rev_slider_wrapper embed,
.rev_slider_wrapper iframe,
.rev_slider_wrapper object,
.rev_slider_wrapper video {
max-width: 2200px;
}
.rev_slider_wrapper.fullwidthbanner-container {
overflow: visible;
}
.rev_slider_wrapper .tp-bannershadow {
display: none !important;
}
.rev_slider_wrapper .tp-caption.small_text {
font-weight: 400;
}
.rev_slider_wrapper .tp-bullets .bullet {
background: none !important;
margin-top: 0 !important;
margin-left: 6px !important;
margin-right: 6px !important;
width: 11px !important;
height: 11px !important;
background: white !important;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.rev_slider_wrapper .tp-bullets .bullet.selected {
background: none !important;
cursor: default;
-webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff;
}
.rev_slider_wrapper .tparrows.tp-leftarrow, .rev_slider_wrapper .tparrows.tp-rightarrow {
background-size: 32px 32px;
}
.rev_slider_wrapper .tparrows.tp-rightarrow {
height: 55px;
width: 50px;
background-color: rgba(0, 0, 0, 0.3);
background-image: url("images/slider/slider-next.png");
background-position: 10px 10px;
right: 0 !important;
}
.rev_slider_wrapper .tparrows.tp-leftarrow {
height: 55px;
width: 50px;
background-color: rgba(0, 0, 0, 0.3);
background-image: url("images/slider/slider-prev.png");
background-position: 6px 10px;
left: 0 !important;
}
.rev_slider_wrapper .tp-button {
height: auto;
padding: 0.7em 1.2em 0.8em;
}
.rev_slider_wrapper .tp-button.small {
font-size: 13px;
}
.rev_slider_wrapper .tp-button.green {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #699c32;
border-radius: 0;
background: #83c140;
background-image: -webkit-gradient(linear, left top, left bottom, from(#83c140), to(#699c32));
background-image: linear-gradient(#83c140, #699c32);
text-shadow: 0px 0px 5px #699c32;
}
.rev_slider_wrapper .tp-button.green:hover, .rev_slider_wrapper .tp-button.green:focus {
color: white !important;
background: #8fc753;
}
.rev_slider_wrapper .tp-button.green:active {
color: white !important;
background: #83c140;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.rev_slider_wrapper .tp-button.orange {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #ffb525;
border-radius: 0;
background: #ffc759;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc759), to(#ffb525));
background-image: linear-gradient(#ffc759, #ffb525);
text-shadow: 0px 0px 5px #ffb525;
}
.rev_slider_wrapper .tp-button.orange:hover, .rev_slider_wrapper .tp-button.orange:focus {
color: white !important;
background: #ffcf72;
}
.rev_slider_wrapper .tp-button.orange:active {
color: white !important;
background: #ffc759;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.rev_slider_wrapper .tp-button.red {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #d43730;
border-radius: 0;
background: #dd605a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dd605a), to(#d43730));
background-image: linear-gradient(#dd605a, #d43730);
text-shadow: 0px 0px 5px #d43730;
}
.rev_slider_wrapper .tp-button.red:hover, .rev_slider_wrapper .tp-button.red:focus {
color: white !important;
background: #e1746f;
}
.rev_slider_wrapper .tp-button.red:active {
color: white !important;
background: #dd605a;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.rev_slider_wrapper .tp-button.blue {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #0a5684;
border-radius: 0;
background: #0d75b4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0d75b4), to(#0a5684));
background-image: linear-gradient(#0d75b4, #0a5684);
text-shadow: 0px 0px 5px #0a5684;
}
.rev_slider_wrapper .tp-button.blue:hover, .rev_slider_wrapper .tp-button.blue:focus {
color: white !important;
background: #0f84cc;
}
.rev_slider_wrapper .tp-button.blue:active {
color: white !important;
background: #0d75b4;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.rev_slider_wrapper .tp-button.darkgrey {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #1a1a1a;
border-radius: 0;
background: #333333;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#1a1a1a));
background-image: linear-gradient(#333333, #1a1a1a);
text-shadow: 0px 0px 5px #1a1a1a;
}
.rev_slider_wrapper .tp-button.darkgrey:hover, .rev_slider_wrapper .tp-button.darkgrey:focus {
color: white !important;
background: #404040;
}
.rev_slider_wrapper .tp-button.darkgrey:active {
color: white !important;
background: #333333;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.rev_slider_wrapper .tp-button.lightgrey {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #4d4d4d;
border-radius: 0;
background: #666666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#4d4d4d));
background-image: linear-gradient(#666666, #4d4d4d);
text-shadow: 0px 0px 5px #4d4d4d;
}
.rev_slider_wrapper .tp-button.lightgrey:hover, .rev_slider_wrapper .tp-button.lightgrey:focus {
color: white !important;
background: #737373;
}
.rev_slider_wrapper .tp-button.lightgrey:active {
color: white !important;
background: #666666;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.wolf_rev_slider_container {
overflow: hidden;
}
.wolf_revslider_container .rev_slider_wrapper .tparrows.tp-leftarrow, .wolf_revslider_container .rev_slider_wrapper .tparrows.tp-rightarrow {
width: 75px;
height: 150px;
background-size: 75px 150px;
background-repeat: no-repeat;
}
.wolf_revslider_container .rev_slider_wrapper .tparrows.tp-rightarrow {
background-color: transparent !important;
background-image: url("images/slider/big-slider-next.png");
background-position: center center;
}
.wolf_revslider_container .rev_slider_wrapper .tparrows.tp-leftarrow {
background-color: transparent !important;
background-image: url("images/slider/big-slider-prev.png");
background-position: center center;
}
@font-face {
font-family: 'star';
src: url("css/lib/fonts/star.eot");
src: url("css/lib/fonts/star.eot?#iefix") format("embedded-opentype"), url("css/lib/fonts/star.woff") format("woff"), url("css/lib/fonts/star.ttf") format("truetype"), url("css/lib/fonts/star.svg#star") format("svg");
font-weight: normal;
font-style: normal;
}
.woocommerce,
.woocommerce-page {
/* Star rating */
}
.woocommerce .star-rating,
.woocommerce-page .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.4em;
font-family: 'star';
}
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
content: "\73\73\73\73\73";
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.woocommerce p.stars,
.woocommerce-page p.stars {
position: relative;
font-size: 1em;
}
.woocommerce p.stars a,
.woocommerce-page p.stars a {
border-bottom: none !important;
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
color: #fff;
}
.woocommerce p.stars a:hover,
.woocommerce-page p.stars a:hover {
color: #fff;
}
.woocommerce p.stars a:last-child,
.woocommerce-page p.stars a:last-child {
border-right: 0;
}
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-1,
.woocommerce-page p.stars a.star-2,
.woocommerce-page p.stars a.star-3,
.woocommerce-page p.stars a.star-4,
.woocommerce-page p.stars a.star-5 {
border-right: 1px solid #ccc;
}
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-1:after,
.woocommerce-page p.stars a.star-2:after,
.woocommerce-page p.stars a.star-3:after,
.woocommerce-page p.stars a.star-4:after,
.woocommerce-page p.stars a.star-5:after {
font-family: "WooCommerce";
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
width: 2em;
}
.woocommerce p.stars a.star-1:after,
.woocommerce-page p.stars a.star-1:after {
content: "\e021";
}
.woocommerce p.stars a.star-1:hover:after, .woocommerce p.stars a.star-1.active:after,
.woocommerce-page p.stars a.star-1:hover:after,
.woocommerce-page p.stars a.star-1.active:after {
content: "\e020";
}
.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
width: 3em;
}
.woocommerce p.stars a.star-2:after,
.woocommerce-page p.stars a.star-2:after {
content: "\e021\e021";
}
.woocommerce p.stars a.star-2:hover:after, .woocommerce p.stars a.star-2.active:after,
.woocommerce-page p.stars a.star-2:hover:after,
.woocommerce-page p.stars a.star-2.active:after {
content: "\e020\e020";
}
.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
width: 4em;
}
.woocommerce p.stars a.star-3:after,
.woocommerce-page p.stars a.star-3:after {
content: "\e021\e021\e021";
}
.woocommerce p.stars a.star-3:hover:after, .woocommerce p.stars a.star-3.active:after,
.woocommerce-page p.stars a.star-3:hover:after,
.woocommerce-page p.stars a.star-3.active:after {
content: "\e020\e020\e020";
}
.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
width: 5em;
}
.woocommerce p.stars a.star-4:after,
.woocommerce-page p.stars a.star-4:after {
content: "\e021\e021\e021\e021";
}
.woocommerce p.stars a.star-4:hover:after, .woocommerce p.stars a.star-4.active:after,
.woocommerce-page p.stars a.star-4:hover:after,
.woocommerce-page p.stars a.star-4.active:after {
content: "\e020\e020\e020\e020";
}
.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
width: 6em;
border: 0;
}
.woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021";
}
.woocommerce p.stars a.star-5:hover:after, .woocommerce p.stars a.star-5.active:after,
.woocommerce-page p.stars a.star-5:hover:after,
.woocommerce-page p.stars a.star-5.active:after {
content: "\e020\e020\e020\e020\e020";
}
.woocommerce,
.woocommerce-page {
/* Sale labels */
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
width: 50%;
margin-bottom: 1.618em;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
margin-top: 0;
float: right;
text-align: right;
width: 50%;
margin-bottom: 1.618em;
}
.woocommerce .woocommerce-ordering:after,
.woocommerce-page .woocommerce-ordering:after {
zoom: 1;
content: "";
display: table;
clear: both;
}
.woocommerce .products,
.woocommerce-page .products {
clear: both;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce .products:before, .woocommerce .products:after,
.woocommerce-page .products:before,
.woocommerce-page .products:after {
content: "";
display: table;
}
.woocommerce .products:after,
.woocommerce-page .products:after {
clear: both;
}
.woocommerce .products li,
.woocommerce-page .products li {
list-style-type: none !important;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 2em;
}
.woocommerce .products li a,
.woocommerce-page .products li a {
overflow: hidden;
display: block;
position: relative;
}
.woocommerce .products li a img,
.woocommerce-page .products li a img {
vertical-align: bottom;
margin-bottom: 0.5rem;
}
.woocommerce .products li h3,
.woocommerce-page .products li h3 {
font-size: 1.8rem;
}
.woocommerce .products li .price,
.woocommerce-page .products li .price {
font-size: 1em;
}
.woocommerce .products li .star-rating,
.woocommerce-page .products li .star-rating {
margin-top: 5px;
}
.woocommerce .products li .add_to_cart_button,
.woocommerce .products li .product_type_variable,
.woocommerce-page .products li .add_to_cart_button,
.woocommerce-page .products li .product_type_variable {
margin-top: 1.5rem;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.woocommerce .products li .added_to_cart,
.woocommerce-page .products li .added_to_cart {
display: block;
text-align: center;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
font-family: 'Montserrat';
text-transform: uppercase;
font-weight: 700;
text-align: center;
background: #86b775;
position: absolute;
z-index: 10;
width: 200px;
border-radius: 0;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -65px;
top: 21px;
height: 35px;
line-height: 35px;
font-size: 18px;
color: #FFF;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.woocommerce .product .images,
.woocommerce .product .summary,
.woocommerce-page .product .images,
.woocommerce-page .product .summary {
margin-bottom: 2em;
}
.woocommerce .product .images .thumbnails img,
.woocommerce-page .product .images .thumbnails img {
padding: 3px;
}
.woocommerce .product .images .thumbnails a,
.woocommerce-page .product .images .thumbnails a {
width: 25%;
}
.woocommerce .product .images .thumbnails a:before,
.woocommerce-page .product .images .thumbnails a:before {
display: none;
}
.woocommerce .product .summary h1,
.woocommerce-page .product .summary h1 {
font-size: 3rem;
}
.woocommerce .product .summary .woocommerce-product-rating,
.woocommerce-page .product .summary .woocommerce-product-rating {
margin-top: 2.5em;
}
.woocommerce .product .summary .star-rating,
.woocommerce-page .product .summary .star-rating {
margin-top: 0.5rem;
}
.woocommerce .product .summary .amount,
.woocommerce-page .product .summary .amount {
font-size: 2rem;
}
.woocommerce .product .summary .variations td,
.woocommerce-page .product .summary .variations td {
width: 100%;
margin: 0;
padding: 0 !important;
line-height: 30px;
}
.woocommerce .product .summary .variations td.value select,
.woocommerce-page .product .summary .variations td.value select {
margin-top: 2rem;
}
.woocommerce .product .summary .product_meta,
.woocommerce-page .product .summary .product_meta {
margin-top: 1.5rem;
}
.woocommerce .product .summary .button,
.woocommerce-page .product .summary .button {
width: auto !important;
}
.woocommerce,
.woocommerce-page {
/* Tabs on the product page */
}
.woocommerce .woocommerce-tabs,
.woocommerce-page .woocommerce-tabs {
clear: both;
margin-bottom: 2em;
}
.woocommerce .woocommerce-tabs ul.tabs,
.woocommerce-page .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.woocommerce .woocommerce-tabs ul.tabs li,
.woocommerce-page .woocommerce-tabs ul.tabs li {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
font-weight: 700;
display: inline-block;
position: relative;
z-index: 0;
padding: .6em 1em;
}
.woocommerce .woocommerce-tabs ul.tabs li a,
.woocommerce-page .woocommerce-tabs ul.tabs li a {
padding: .5em 0;
color: #888;
text-shadow: none;
}
.woocommerce .woocommerce-tabs ul.tabs li.active,
.woocommerce-page .woocommerce-tabs ul.tabs li.active {
background: #86b775;
}
.woocommerce .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page .woocommerce-tabs ul.tabs li.active a {
color: #fff;
}
.woocommerce .woocommerce-tabs .panel,
.woocommerce-page .woocommerce-tabs .panel {
font-size: 0.9em;
padding: 3rem;
background: #86b775;
color: white;
}
.woocommerce .woocommerce-tabs .panel h1, .woocommerce .woocommerce-tabs .panel h2, .woocommerce .woocommerce-tabs .panel h3,
.woocommerce-page .woocommerce-tabs .panel h1,
.woocommerce-page .woocommerce-tabs .panel h2,
.woocommerce-page .woocommerce-tabs .panel h3 {
color: white;
}
.woocommerce #reviews .form-submit input#submit,
.woocommerce-page #reviews .form-submit input#submit {
border: 2px solid white !important;
color: white !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
margin-left: 0;
top: 0 !important;
}
.woocommerce #reviews .form-submit input#submit:hover, .woocommerce #reviews .form-submit input#submit:focus, .woocommerce #reviews .form-submit input#submit:active,
.woocommerce-page #reviews .form-submit input#submit:hover,
.woocommerce-page #reviews .form-submit input#submit:focus,
.woocommerce-page #reviews .form-submit input#submit:active {
top: 0 !important;
background: white !important;
border-color: white !important;
color: #666666 !important;
}
.woocommerce #reviews textarea#comment,
.woocommerce-page #reviews textarea#comment {
min-height: 180px;
}
.woocommerce #reviews h2 small,
.woocommerce-page #reviews h2 small {
float: right;
font-size: 15px;
line-height: 21px;
margin: 10px 0 0 0;
}
.woocommerce #reviews h2 small a,
.woocommerce-page #reviews h2 small a {
text-decoration: none;
}
.woocommerce #reviews h3,
.woocommerce-page #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond,
.woocommerce-page #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment,
.woocommerce-page #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
clear: none;
margin-bottom: 1em;
}
.woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: none;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 3em;
border: 0;
position: relative;
background: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta,
.woocommerce-page #reviews #comments ol.commentlist li .meta {
font-size: 0.75em;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 60px;
height: auto;
margin: 0;
line-height: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 60px;
padding: 0 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating {
margin-top: 0.5rem;
}
.woocommerce #reviews #comments ol.commentlist ul.children,
.woocommerce-page #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating,
.woocommerce-page #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond,
.woocommerce-page #reviews #comments ol.commentlist #respond {
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist > li:before,
.woocommerce-page #reviews #comments .commentlist > li:before {
content: "";
}
.woocommerce,
.woocommerce-page {
/* =Forms
-------------------------------------------------------------- */
}
.woocommerce .price,
.woocommerce-page .price {
font-size: 2em;
}
.woocommerce .quantity,
.woocommerce-page .quantity {
width: 60px;
float: left;
}
.woocommerce .qty,
.woocommerce-page .qty {
text-align: center;
width: 50px;
height: 38px;
color: #333;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
display: none;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
zoom: 1;
}
.woocommerce form .form-row:before, .woocommerce form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page form .form-row:after {
content: "";
display: table;
}
.woocommerce form .form-row:after,
.woocommerce-page form .form-row:after {
clear: both;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
width: 100%;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: left;
width: 47%;
overflow: visible;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
float: right;
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
clear: both;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 2em;
}
.woocommerce form .form-row label.hidden,
.woocommerce-page form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
color: red;
font-weight: bold;
border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
width: 100%;
margin: 0;
outline: 0;
line-height: 1em;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
height: 4em;
line-height: 1.5em;
display: block;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
border-color: #fb7f88;
}
.woocommerce form .form-row ::-webkit-input-placeholder,
.woocommerce-page form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder,
.woocommerce-page form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder,
.woocommerce-page form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.register {
padding: 20px;
margin: 2em 0 2em 0px;
text-align: left;
}
.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none outside;
}
.woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
font-weight: bold;
}
.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce,
.woocommerce-page {
/* Search widget */
/* =Cart Sidebar
-------------------------------------------------------------- */
/* =Price Filter Widget
-------------------------------------------------------------- */
}
.woocommerce .widget_product_search #s,
.woocommerce-page .widget_product_search #s {
padding-left: 1%;
padding-right: 1%;
width: 98%;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget,
.woocommerce-page ul.cart_list,
.woocommerce-page ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
padding: 4px 0;
margin-left: 0 !important;
margin-bottom: 1.2rem;
zoom: 1;
list-style: none;
}
.woocommerce ul.cart_list li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.product_list_widget li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:before,
.woocommerce-page ul.product_list_widget li:after {
content: "";
display: table;
}
.woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after {
clear: both;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
display: block;
font-weight: 700;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: auto;
height: auto;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl,
.woocommerce-page ul.cart_list li dl,
.woocommerce-page ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
zoom: 1;
}
.woocommerce ul.cart_list li dl:before, .woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:before, .woocommerce ul.product_list_widget li dl:after,
.woocommerce-page ul.cart_list li dl:before,
.woocommerce-page ul.cart_list li dl:after,
.woocommerce-page ul.product_list_widget li dl:before,
.woocommerce-page ul.product_list_widget li dl:after {
content: "";
display: table;
}
.woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after,
.woocommerce-page ul.cart_list li dl:after,
.woocommerce-page ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dt, .woocommerce ul.product_list_widget li dl dd,
.woocommerce-page ul.cart_list li dl dt,
.woocommerce-page ul.cart_list li dl dd,
.woocommerce-page ul.product_list_widget li dl dt,
.woocommerce-page ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-botom: 1em;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt,
.woocommerce-page ul.cart_list li dl dt,
.woocommerce-page ul.product_list_widget li dl dt {
font-weight: bold;
padding: 0 0 .25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd,
.woocommerce-page ul.cart_list li dl dd,
.woocommerce-page ul.product_list_widget li dl dd {
padding: 0 0 .25em 0;
}
.woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child,
.woocommerce-page ul.cart_list li dl dd p:last-child,
.woocommerce-page ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li .quantity,
.woocommerce-page ul.cart_list li .quantity,
.woocommerce-page ul.product_list_widget li .quantity {
width: 150px;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating,
.woocommerce-page ul.cart_list li .star-rating,
.woocommerce-page ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce ul.cart_list li .reviewer, .woocommerce ul.product_list_widget li .reviewer,
.woocommerce-page ul.cart_list li .reviewer,
.woocommerce-page ul.product_list_widget li .reviewer {
font-size: 1.2rem;
}
.woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total,
.woocommerce-page.widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total {
border-top: 3px double rgba(0, 0, 0, 0.5);
padding: 4px 0 0;
}
.woocommerce.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong,
.woocommerce-page.widget_shopping_cart .total strong,
.woocommerce-page .widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons,
.woocommerce-page.widget_shopping_cart .buttons,
.woocommerce-page .widget_shopping_cart .buttons {
zoom: 1;
padding: 0;
}
.woocommerce.widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce .widget_shopping_cart .buttons:after,
.woocommerce-page.widget_shopping_cart .buttons:before,
.woocommerce-page.widget_shopping_cart .buttons:after,
.woocommerce-page .widget_shopping_cart .buttons:before,
.woocommerce-page .widget_shopping_cart .buttons:after {
content: "";
display: table;
}
.woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after,
.woocommerce-page.widget_shopping_cart .buttons:after,
.woocommerce-page .widget_shopping_cart .buttons:after {
clear: both;
}
.woocommerce .widget_price_filter .price_slider,
.woocommerce-page .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .price_slider_amount,
.woocommerce-page .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
/*.button {
font-size: 1.15em;
}*/
}
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button {
float: left;
}
.woocommerce .widget_price_filter .ui-slider,
.woocommerce-page .widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.9em;
height: 0.9em;
border-radius: 1em;
border: 1px solid #ccc;
cursor: pointer;
background: #77ae64;
outline: none;
top: -.3em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #86b775 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC) top repeat-x;
/* transparent png */
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
border-radius: 1em;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background: #666;
}
.woocommerce .widget_price_filter .ui-slider-horizontal,
.woocommerce-page .widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce-cart .site-wrapper {
max-width: 740px;
}
.woocommerce,
.woocommerce-page {
/* =Cart
-------------------------------------------------------------- */
}
.woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail {
min-width: 32px;
}
.woocommerce table.cart img, .woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
width: 32px;
}
.woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td,
.woocommerce-page table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page #content table.cart td {
vertical-align: middle;
}
.woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
border-radius: 100%;
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
color: red;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
background-color: red;
color: #fff;
}
.woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions,
.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
text-align: right;
padding: 1em 0;
}
.woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon {
text-align: left;
float: left;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {
width: auto;
margin: 0 4px 0 0;
outline: 0;
line-height: 1em;
}
.woocommerce table.cart input, .woocommerce #content table.cart input,
.woocommerce-page table.cart input,
.woocommerce-page #content table.cart input {
margin: 0;
vertical-align: middle;
line-height: 1em;
}
.woocommerce table.cart .button, .woocommerce #content table.cart .button,
.woocommerce-page table.cart .button,
.woocommerce-page #content table.cart .button {
margin: 8px 0;
}
.woocommerce-checkout .form-row .chosen-container {
width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
height: 28px;
line-height: 29px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
background: url("../images/woocommerce/chosen-sprite.png") no-repeat 0 3px !important;
}
.woocommerce-checkout .form-row .chosen-container-active .chosen-single-with-drop div b {
background-position: -18px 4px !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
line-height: 13px;
width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container .chosen-drop {
width: 100% !important;
}
.woocommerce,
.woocommerce-page {
/*.col2-set .col-1,
.col2-set .col-2 {
float: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.col2-set .col-1{
margin-left: 0;
}
.col2-set .col-2 {
margin-right: 0;
}*/
/* =Checkout
-------------------------------------------------------------- */
/* Payment box - appears on checkout and page page */
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
zoom: 1;
}
.woocommerce .col2-set:before, .woocommerce .col2-set:after,
.woocommerce-page .col2-set:before,
.woocommerce-page .col2-set:after {
content: "";
display: table;
}
.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
clear: both;
}
.woocommerce .checkout,
.woocommerce-page .checkout {
/*.col2-set .col-1,
.col2-set .col-2 {
float: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.col2-set .col-1{
margin-left: 0;
}
.col2-set .col-2 {
margin-right: 0;
}*/
}
.woocommerce .checkout .col2-set,
.woocommerce-page .checkout .col2-set {
zoom: 1;
}
.woocommerce .checkout .col2-set:before, .woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:before,
.woocommerce-page .checkout .col2-set:after {
content: "";
display: table;
}
.woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:after {
clear: both;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address,
.woocommerce-page .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
.woocommerce .checkout .col-2 .notes,
.woocommerce-page .checkout .col-2 .notes {
clear: left;
}
.woocommerce .checkout .col-2 .form-row-first,
.woocommerce-page .checkout .col-2 .form-row-first {
clear: left;
}
.woocommerce .checkout .create-account small,
.woocommerce-page .checkout .create-account small {
font-size: 11px;
line-height: 13px;
font-weight: normal;
}
.woocommerce .checkout div.shipping-address,
.woocommerce-page .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce .checkout .shipping_address,
.woocommerce-page .checkout .shipping_address {
clear: both;
}
.woocommerce #payment,
.woocommerce-page #payment {
background: #f7f6f7;
border-radius: 5px;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
zoom: 1;
text-align: left;
padding: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: 0;
list-style: none outside;
}
.woocommerce #payment ul.payment_methods:before, .woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:before,
.woocommerce-page #payment ul.payment_methods:after {
content: "";
display: table;
}
.woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:after {
clear: both;
}
.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
list-style-type: none !important;
line-height: 2em;
text-align: left;
margin: 0;
font-weight: normal;
}
.woocommerce #payment ul.payment_methods li input,
.woocommerce-page #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
.woocommerce #payment ul.payment_methods li img,
.woocommerce-page #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
position: relative;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
padding: 1em;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
position: relative;
width: 96%;
padding: 1em 2%;
margin: 1em 0 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5em;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
background-color: #ebe8eb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebe8eb), to(#e0dadf));
background-image: linear-gradient(to bottom, #ebe8eb, #e0dadf);
color: #666666 !important;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(../images/woocommerce/icons/credit-cards/visa.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(../images/woocommerce/icons/credit-cards/mastercard.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(../images/woocommerce/icons/credit-cards/laser.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(../images/woocommerce/icons/credit-cards/diners.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(../images/woocommerce/icons/credit-cards/maestro.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(../images/woocommerce/icons/credit-cards/jcb.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(../images/woocommerce/icons/credit-cards/amex.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(../images/woocommerce/icons/credit-cards/discover.png);
}
.woocommerce #payment div.payment_box span.help,
.woocommerce-page #payment div.payment_box span.help {
font-size: 11px;
color: #888;
line-height: 13px;
font-weight: normal;
}
.woocommerce #payment div.payment_box .form-row,
.woocommerce-page #payment div.payment_box .form-row {
margin: 0 0 1em;
}
.woocommerce #payment div.payment_box p:last-child,
.woocommerce-page #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
content: "";
display: block;
border: 8px solid #e0dadf;
/* arrow size / color */
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -3px;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce #customer_details,
.woocommerce-page #customer_details {
margin-bottom: 2em;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info {
line-height: 2;
padding: 1em 1em 1em 3.5em !important;
margin: 0 0 2em !important;
position: relative;
color: #666;
list-style: none outside !important;
zoom: 1;
width: auto;
-webkit-box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 white, 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.05), inset 0 -2px 30px rgba(0, 0, 0, 0.015), inset 0 1px 0 white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-info:after,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-message:after,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-info:after {
content: "";
display: table;
}
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after,
.woocommerce-page .woocommerce-message:after,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-info:after {
clear: both;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
content: "";
height: 1.5em;
width: 1.5em;
display: block;
position: absolute;
top: 0;
left: 1em;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
text-align: center;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
padding-top: 0.1em;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button {
float: right;
}
.woocommerce .woocommerce-message li,
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce-page .woocommerce-message li,
.woocommerce-page .woocommerce-error li,
.woocommerce-page .woocommerce-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-top: 3px solid #8fae1b;
}
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
background-color: #8fae1b;
content: "\2713";
}
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
border-top: 3px solid #1e85be;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
background-color: #1e85be;
content: "i";
font-family: Times, Georgia, serif;
font-style: italic;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
border-top: 3px solid #b81c23;
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
background-color: #b81c23;
content: "\00d7";
font-weight: 700;
}
.woocommerce small.note,
.woocommerce-page small.note {
display: block;
color: #888;
font-size: 11px;
line-height: 21px;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
zoom: 1;
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #888;
}
.woocommerce .woocommerce-breadcrumb:before, .woocommerce .woocommerce-breadcrumb:after,
.woocommerce-page .woocommerce-breadcrumb:before,
.woocommerce-page .woocommerce-breadcrumb:after {
content: "";
display: table;
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce-page .woocommerce-breadcrumb:after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #888;
}
.woocommerce,
.woocommerce-page {
/*#container{
width: 61.7%;
float: left;
}*/
/*#secondary{
width: 29.2%;
float: right;
}*/
}
.woocommerce #main,
.woocommerce-page #main {
font-size: 1.5rem;
}
.woocommerce #content,
.woocommerce-page #content {
overflow: hidden;
}
.woocommerce #content .page-title,
.woocommerce-page #content .page-title {
display: none;
}
.woocommerce .button,
.woocommerce-page .button {
font-size: 13px;
padding: 0.8em 1.5em 0.8em;
margin: 0.1em 0.1em 0.5em 0.2em;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
margin-bottom: 1em;
}
.woocommerce-checkout #primary,
.woocommerce-cart #primary,
.woocommerce-account #primary {
width: 100% !important;
max-width: 1140px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce #respond input#submit.loading:before, .woocommerce #content input.button.loading:before, .woocommerce-page a.button.loading:before, .woocommerce-page button.button.loading:before, .woocommerce-page input.button.loading:before, .woocommerce-page #respond input#submit.loading:before, .woocommerce-page #content input.button.loading:before {
background-image: url(../images/woocommerce/ajax-loader@2x.gif);
background-size: 16px 16px;
}
}
/* Mailchimp */
.wolf-mailchimp .widget_mailchimpsf_widget form {
margin-top: 0;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup {
zoom: 1;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:before, .wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:after {
content: "";
display: table;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:after {
clear: both;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mergeRow {
display: none;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mc_merge_var {
margin-bottom: 0.5em;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mc_merge_var .mc_header_email {
display: none;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup #mc_signup_submit {
margin-top: 0;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup #mc_display_rewards {
font-size: 11px;
}
.wolf-mailchimp #secondary .widget_mailchimpsf_widget #mc_signup #mc_signup_submit {
width: 98%;
}
.wolf-mailchimp #secondary .widget_mailchimpsf_widget #mc_signup #mc_mv_EMAIL {
padding-left: 1%;
padding-right: 1%;
width: 98%;
}
.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit {
-webkit-transition-property: background-color !important;
transition-property: background-color !important;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.8em 1.2em 0.8em;
margin: 0 0.1em 0.5em 0.2em;
position: relative;
opacity: 1 !important;
line-height: 1 !important;
font-style: normal !important;
vertical-align: middle;
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: none !important;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
text-decoration: none !important;
display: inline-block;
letter-spacing: 0;
color: white !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
width: auto;
border: 1px solid #6aa455;
border-radius: 0;
background: #86b775;
background-image: -webkit-gradient(linear, left top, left bottom, from(#86b775), to(#6aa455));
background-image: linear-gradient(#86b775, #6aa455);
text-shadow: 0px 0px 5px #6aa455;
color: white !important;
border-radius: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none !important;
border-color: white !important;
border-style: solid !important;
border-width: 2px !important;
top: 0 !important;
}
.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:hover, .wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:focus {
color: white !important;
background: #95c086;
}
.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:active {
color: white !important;
background: #86b775;
top: 1px;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:active, .wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:hover, .wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:focus {
top: 0 !important;
-webkit-box-shadow: 0 0 transparent;
box-shadow: 0 0 transparent;
color: white !important;
background-color: #86b775 !important;
border-color: #86b775 !important;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget {
margin-bottom: 30px;
max-width: 775px;
margin-left: auto !important;
margin-right: auto !important;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget .widget-title {
text-align: center;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup {
zoom: 1;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:before, .wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:after {
content: "";
display: table;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:after {
clear: both;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mergeRow,
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup #mc_display_rewards {
display: none;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var {
width: 74.5%;
float: left;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var .mc_header_email {
display: none;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var #mc_mv_EMAIL {
background: #fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 0.95;
color: #333;
display: inline-block;
font-size: 24px;
height: 50px;
border-radius: 3px;
font-weight: 700;
font-family: Helvetica;
width: 100%;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_signup_submit {
width: 25%;
float: right;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_signup_submit input[type="submit"] {
position: relative;
top: 0;
padding-top: 0;
padding-bottom: 0;
height: 49px;
line-height: 50px;
width: 100%;
}
/* Contact Form 7 */
.contactform .error-inline, .wpcf7 .error-inline {
display: none;
color: red;
padding: 1rem 0 0;
}
.contactform .wpcf7-not-valid-tip, .wpcf7 .wpcf7-not-valid-tip {
height: 100%;
width: 100%;
padding: 0 0.5rem;
margin: 0;
display: block;
top: 0;
left: 0;
border: none;
background: none;
color: red;
line-height: 1.5;
}
.contactform .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
margin: 0;
padding: 0;
border: none;
}
/* Plugin Containers
------------------------*/
.work-container,
.albums-container,
.videos-container {
margin-top: 10px;
margin-bottom: 0;
max-width: 1140px;
}
/* Filters
------------------*/
#work-filter-container,
#videos-filter-container,
#albums-filter-container {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
#work-filter,
#videos-filter,
#albums-filter {
margin-top: 0;
}
#work-filter li,
#videos-filter li,
#albums-filter li {
list-style-type: none;
display: inline-block !important;
min-height: 55px;
}
#work-filter li a,
#videos-filter li a,
#albums-filter li a {
font-size: 16px;
font-weight: 700;
color: #333;
text-decoration: none !important;
padding-left: 1em !important;
padding-right: 1em !important;
padding-top: 0.6em !important;
padding-bottom: 0.6em !important;
background: none;
border: solid 2px #333;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#work-filter li a.active, #work-filter li a:hover,
#videos-filter li a.active,
#videos-filter li a:hover,
#albums-filter li a.active,
#albums-filter li a:hover {
color: #fff;
background-color: #86b775 !important;
border-color: #86b775;
}
/* Wolf Shortcodes */
.wolf-testimonials.flexslider {
margin-top: 2rem;
}
.wolf-testimonials.flexslider ul li div blockquote {
font-size: 1em;
max-width: 100%;
}
.wolf-testimonials.flexslider .flex-control-paging li a {
background: #cccccc !important;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.wolf-testimonials.flexslider .flex-control-paging li a.flex-active {
background: none !important;
-webkit-box-shadow: 0 0 0 1px #cccccc;
box-shadow: 0 0 0 1px #cccccc;
}
.wolf-accordion .ui-accordion-header a {
border-bottom: none !important;
}
.wolf-accordion .ui-accordion-content {
font-size: 14px;
}
/* Wolf Twitter */
.wolf .wolf-twitter-widget ul.wolf-tweet-list li:before {
font-family: 'theme-icons';
content: "\e028";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #41b7d8;
font-size: 16px;
opacity: 0.6;
position: absolute;
left: -0.1em;
top: 0;
font-weight: 700;
opacity: 1;
}
.wolf-bigtweet-content {
text-align: center;
font-size: 18px;
max-width: 960px;
}
.wolf-bigtweet-content:before {
display: block;
font-family: 'theme-icons';
content: "\e028";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal !important;
font-size: 3em;
position: relative;
margin-right: 0;
}
.wolf .wolf-bigtweet-content span.wolf-tweet-text {
font-style: normal;
font-family: "Open Sans", Helvetica, Arial, sans-serifHelvetica, Arial, sans-serif;
font-weight: 700;
}
.wolf-tweet-time_big a, .wolf-tweet-time a {
text-decoration: none !important;
}
.wolf-tweet-separator,
.wolf-tweet-time_big a {
font-size: 0.9em;
}
.discography-page #container,
.tax-band #container,
.tax-label #container {
float: none;
width: 100%;
}
.discography-page #secondary,
.tax-band #secondary,
.tax-label #secondary {
display: none;
}
.discography-page .wolf-release,
.tax-band .wolf-release,
.tax-label .wolf-release {
float: left;
width: 25%;
}
.discography-page .wolf-release .entry-thumbnail,
.tax-band .wolf-release .entry-thumbnail,
.tax-label .wolf-release .entry-thumbnail {
float: none;
width: 95% !important;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 1em !important;
height: auto;
}
.discography-page .wolf-release .entry-thumbnail .entry-title,
.tax-band .wolf-release .entry-thumbnail .entry-title,
.tax-label .wolf-release .entry-thumbnail .entry-title {
height: auto;
line-height: 1.5;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.discography-page .wolf-release:nth-child(4n+1),
.tax-band .wolf-release:nth-child(4n+1),
.tax-label .wolf-release:nth-child(4n+1) {
clear: left;
}
.single-release {
font-size: 1.6rem;
}
.single-release article.wolf-release {
max-width: 1140px !important;
}
.single-release #container {
float: none;
width: 100%;
}
.single-release #secondary {
display: none;
}
.wolf-release-buttons {
font-size: 1.4rem;
}
.wolf-release-buttons a:hover {
color: #86b775;
}
.shortcode-release-grid .wolf-release {
padding: 0.5em;
}
.widget_last_release .entry-title {
font-size: 1em;
}
.video-title h5 {
font-size: 1.6rem;
}
.work-thumbnail {
background: none !important;
}
.work-thumbnail a {
position: relative;
overflow: hidden;
}
.work-thumbnail a img {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.work-thumbnail a .work-title {
margin-top: -30px;
display: inline-block;
padding: 0 0.5em;
color: #333333 !important;
font-size: 1.5em;
line-height: 1;
}
.work-thumbnail a:hover img {
-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.work-thumbnail .work-title {
color: white !important;
}
li.work-item.format-standard .work-thumbnail .work-title:before, li.work-item.format-image .work-thumbnail .work-title:before, li.work-item.format-gallery .work-thumbnail .work-title:before, li.work-item.format-video .work-thumbnail .work-title:before, li.work-item.format-audio .work-thumbnail .work-title:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400 !important;
font-family: 'dashicons';
display: block;
margin-bottom: 0.8rem;
text-align: center;
}
li.work-item.format-standard .work-thumbnail .work-title:before {
content: "\f119";
}
li.work-item.format-image .work-thumbnail .work-title:before {
content: "\f128";
}
li.work-item.format-gallery .work-thumbnail .work-title:before {
content: "\f161";
}
li.work-item.format-video .work-thumbnail .work-title:before {
content: "\f126";
}
li.work-item.format-audio .work-thumbnail .work-title:before {
content: "\f127";
}
.single-work #post-media-container {
margin-bottom: 1.618em;
overflow: hidden;
}
.single-work #post-media-container .entry-thumbnail {
margin-bottom: 0;
}
.single-work #post-media-container .wp-video {
margin: 0 auto;
}
.single-work #post-media-container .wp-audio-shortcode {
max-width: 800px;
margin: 0 auto;
}
.single-work .is-soundcloud #post-media {
text-align: center;
}
.single-work .work-entry-meta {
margin-bottom: 1em;
text-align: center;
}
.single-work .work-entry-meta span {
margin-right: 5px;
}
.single-gallery .masonry-gallery a > img {
opacity: 1 !important;
}
.single-gallery .navigation {
width: 92%;
margin: 0 auto;
}
.single-gallery span.gallery-item-overlay {
display: block;
}
.widget_last_photos a {
width: 33% !important;
margin-bottom: -5px;
}
/* Masonry gallery
------------------------------*/
#gallery-grid {
margin-top: 0;
margin-bottom: 0;
zoom: 1;
}
#gallery-grid:before, #gallery-grid:after {
content: "";
display: table;
}
#gallery-grid:after {
clear: both;
}
.masonry-gallery ul li {
overflow: hidden;
display: block;
margin: 0;
float: left;
height: auto;
width: 33%;
}
.masonry-gallery ul li a {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0%;
margin: 0 auto;
background: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.masonry-gallery ul li a .gallery-item-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0;
background-size: 24px 24px;
z-index: 2;
}
.masonry-gallery ul li a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
width: 100%;
height: auto;
padding: 0 !important;
display: block;
position: relative;
}
.masonry-gallery ul li:hover a {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.masonry-gallery ul li:hover img {
-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
@font-face {
font-family: 'ImpactLabelReversedRegular';
src: url("fonts/Impact_Label_Reversed-webfont.eot");
src: url("fonts/Impact_Label_Reversed-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Impact_Label_Reversed-webfont.woff") format("woff"), url("fonts/Impact_Label_Reversed-webfont.ttf") format("truetype"), url("fonts/Impact_Label_Reversed-webfont.svg#ImpactLabelReversedRegular") format("svg");
font-weight: normal;
font-style: normal;
}
table.wolf-shows {
font-size: 0.8em;
}
.wolf-show-label {
font-family: 'ImpactLabelReversedRegular';
display: block;
font-size: 1.2em;
position: relative;
top: -6px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.widget_upcoming_shows .wolf-show-label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
}
.wolf-show-flyer,
.wolf-show-entry-link {
-webkit-transition: color .2s;
transition: color .2s;
}
.wolf-show-flyer:hover,
.wolf-show-entry-link:hover {
color: #86b775;
}
.wolf-show-ticket-button:before {
position: relative;
top: 1px;
margin-right: 8px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'theme-icons';
content: "\e609";
}
.wolf-show-actions {
font-size: 1.5rem;
}
.wolf-show-facebook {
margin-right: 2rem;
}
.wolf-show-facebook:before {
position: relative;
top: 1px;
margin-right: 5px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'theme-icons';
content: "\e029";
}
.single-show .entry-header {
display: none;
}
.single-show .wolf-show-label {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#main .wolf-show-entry-link {
color: #000;
}
#main .wolf-show-entry-link:hover {
color: #86b775;
}
@media screen and (min-width: 500px) {
.site-header {
min-height: 55rem;
height: 55rem;
}
#logo-container img {
max-width: 300px;
}
/* Gallery
------------------------*/
.photo-item.big-square .photo-full-size-link,
.photo-item.big-square .img-container,
.photo-item.portrait .photo-full-size-link,
.photo-item.portrait .img-container {
height: 250px;
}
.photo-full-size-link,
.img-container {
height: 175px;
}
/*.photo-item {
width: 24.8%;
}
.photo-item.landscape, .photo-item.big-square {
width: 49.6%;
}*/
.photo-item {
width: 33.2%;
}
.photo-item.landscape, .photo-item.big-square {
width: 66%;
}
/* Woocommerce
--------------------------*/
.woocommerce .products li,
.woocommerce-page .products li {
float: left;
width: 48.382%;
margin-left: 1.618%;
margin-right: 1.618%;
}
.woocommerce .products li.first,
.woocommerce-page .products li.first {
margin-left: 1.618%;
}
.woocommerce .products li.last,
.woocommerce-page .products li.last {
margin-right: 1.618%;
}
.woocommerce .products li:nth-child(2n+1),
.woocommerce-page .products li:nth-child(2n+1) {
clear: left;
margin-left: 0;
margin-right: 1.618%;
}
.woocommerce .products li:nth-child(2n+0),
.woocommerce-page .products li:nth-child(2n+0) {
margin-left: 1.618%;
margin-right: 0;
}
.release-grid-col-4 .wolf-release:nth-child(2n+1) {
clear: left;
}
/* Woocommerce
--------------------------*/
.woocommerce .product .images,
.woocommerce .product .summary,
.woocommerce-page .product .images,
.woocommerce-page .product .summary {
width: 48%;
margin-bottom: 2em;
}
.woocommerce .product .images,
.woocommerce-page .product .images {
float: left;
}
.woocommerce .product .summary,
.woocommerce-page .product .summary {
float: right;
}
.woocommerce.columns-4 .product:nth-child(2n+1) {
clear: left;
}
}
@media screen and (min-width: 600px) {
#posts-front-page article.post {
float: left;
width: 50%;
}
}
@media screen and (min-width: 782px) {
.admin-bar #navbar-mobile {
top: 28px !important;
}
}
@media screen and (min-width: 900px) {
.site-header {
min-height: 75rem;
height: 75rem;
}
#header-social-bar {
padding: 1em;
}
#header-share {
display: block;
float: left;
}
#header-socials {
float: right;
font-size: 1em;
}
#logo-container img {
max-width: 1140px;
}
#posts-front-page article.post {
float: left;
width: 33.2%;
}
.has-page-sidebar #primary,
.has-blog-sidebar.is-blog #primary,
.has-blog-sidebar.search #primary,
.has-blog-sidebar.single-post #primary {
width: 61.7%;
float: left;
}
.has-page-sidebar #secondary,
.has-blog-sidebar.is-blog #secondary,
.has-blog-sidebar.search #secondary,
.has-blog-sidebar.single-post #secondary {
width: 29.2%;
float: right;
}
/* Gallery
------------------------*/
.photo-item.big-square .photo-full-size-link,
.photo-item.big-square .img-container,
.photo-item.portrait .photo-full-size-link,
.photo-item.portrait .img-container {
height: 500px;
}
.photo-full-size-link,
.img-container {
height: 250px;
}
.photo-item {
width: 16.61%;
}
.photo-item.landscape, .photo-item.big-square {
width: 33.2%;
}
/* Gallery hover effect */
.photo-item .img-container {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.photo-item:hover .img-container {
opacity: 0.5;
-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Discography float */
.release-grid-col-4 .wolf-release:nth-child(2n+1) {
clear: none;
}
.release-grid-col-1 .wolf-release:nth-child(1n+1) {
clear: left;
}
.release-grid-col-2 .wolf-release:nth-child(2n+1) {
clear: left;
}
.release-grid-col-3 .wolf-release:nth-child(3n+1) {
clear: left;
}
.release-grid-col-4 .wolf-release:nth-child(4n+1) {
clear: left;
}
.release-grid-col-5 .wolf-release:nth-child(5n+1) {
clear: left;
}
.release-grid-col-6 .wolf-release:nth-child(6n+1) {
clear: left;
}
.release-grid-col-7 .wolf-release:nth-child(7n+1) {
clear: left;
}
.release-grid-col-8 .wolf-release:nth-child(8n+1) {
clear: left;
}
.release-grid-col-9 .wolf-release:nth-child(9n+1) {
clear: left;
}
.release-grid-col-10 .wolf-release:nth-child(10n+1) {
clear: left;
}
.release-grid-col-11 .wolf-release:nth-child(11n+1) {
clear: left;
}
.release-grid-col-12 .wolf-release:nth-child(12n+1) {
clear: left;
}
/* Woocommerce
--------------------------*/
.woocommerce .products li,
.woocommerce-page .products li {
float: left;
width: 22.573%;
}
.woocommerce .products li:nth-child(2n+1),
.woocommerce-page .products li:nth-child(2n+1) {
clear: none;
margin-left: 1.618%;
margin-right: 1.618%;
}
.woocommerce .products li:nth-child(2n+0),
.woocommerce-page .products li:nth-child(2n+0) {
margin-left: 1.618%;
margin-right: 1.618%;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
float: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
margin-left: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-right: 0;
}
.woocommerce .checkout .col2-set .col-1,
.woocommerce .checkout .col2-set .col-2,
.woocommerce-page .checkout .col2-set .col-1,
.woocommerce-page .checkout .col2-set .col-2 {
float: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.woocommerce .checkout .col2-set .col-1,
.woocommerce-page .checkout .col2-set .col-1 {
margin-left: 0;
}
.woocommerce .checkout .col2-set .col-2,
.woocommerce-page .checkout .col2-set .col-2 {
margin-right: 0;
}
.single-product.has-shop-sidebar #container {
width: 61.7%;
float: left;
}
.single-product.has-shop-sidebar #secondary {
width: 29.2%;
float: right;
}
.woocommerce.columns-4 .product:nth-child(2n+1) {
clear: none;
}
.woocommerce.columns-4 .product:nth-child(4n+1) {
clear: left;
}
}
@media screen and (max-width: 500px) {
.hide-sidebar-phone #secondary {
display: none !important;
}
}