/*-- Table of contents --*/
/*------------------------------------------------------------------
1. Reset
2. Global Variables
3. Header
4. Footer
5. Pages - Blog
6. Categories
7. Product
8. Cart page
9. Checkout page
10. Sliders
11. Banners
12. Popup
13. Shortcodes
14. Widgets
15. Responsive for mobile
16. Foundation Elements
/*------------------------------------------------------------------*/
/*------------------------- 1. Reset -------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
script {
display: none !important;
}
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*------------------------- 2. Global Variables --------------------*/
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
font-size: 100%;
}
body {
background: white;
color: #555555;
padding: 0;
margin: 0;
font-family: "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default;
}
a:hover {
cursor: pointer;
}
a:focus {
outline: none;
}
img,
object,
embed {
max-width: 100%;
height: auto;
}
object,
embed {
height: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.hide {
display: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
body, html {
min-height: 100%;
}
body {
background-color: #ccc;
}
body.bg-full-size {
background-size: cover;
background-attachment: fixed;
background-repeat: none;
background-position: 50% 50%;
}
#wrapper {
background-color: #FFF;
}
body.full-width #wrapper {
width: 100%;
}
body.boxed #wrapper {
max-width: 71.25em;
margin: 0 auto;
}
body.framed-layout {
padding-top: 40px;
padding-bottom: 40px;
background-color: #555;
}
body.boxed {
background-color: #555;
}
.nav-dropdown {
max-width: 67.5em;
}
#content > *:last-child, #content > .content_slider_wrap:last-child .iosSlider {
margin-bottom: -1px;
}
.container-wrap {
padding: 30px 0 30px;
*zoom: 1;
}
.container-wrap:before, .container-wrap:after {
content: " ";
display: table;
}
.container-wrap:after {
clear: both;
}
.category-page {
padding-top: 30px;
}
.product-page {
padding-top: 30px;
}
.row.container {
margin-bottom: 30px;
}
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.width-fluid > .row, .width-fluid > .row > .large-12 {
width: 100% !important;
min-width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.row.divided .columns {
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.row.divided .columns:last-child {
border: 0;
}
.top-divider {
border-top: 1px solid #eeeeee;
}
.uppercase {
text-transform: uppercase;
}
.thin-font {
font-weight: normal;
font-weight: 300;
}
p:empty {
display: none;
}
table {
width: 100%;
}
.social-icons.transparent .icon {
border: 1px solid #353535;
background: none;
color: #777777;
}
.social-icons {
line-height: 100%;
}
.social-icons .icon {
background: #f3f3f3;
font-size: 16px;
border: 1px solid #dddddd;
display: inline-block;
padding: 8px;
margin-right: 5px;
margin-bottom: 5px;
color: #000;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.social-icons.light .icon {
background: #000;
font-size: 16px;
border: 1px solid #000;
display: inline-block;
padding: 8px;
margin-right: 5px;
margin-bottom: 5px;
color: #ccc;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.social-icons.large .icon {
padding: 18px;
margin-right: 5px;
border: 1px solid #dddddd;
}
.social-icons.light.large .icon {
padding: 18px;
margin-right: 5px;
border: 1px solid #000;
}
.social-icons.size-small .icon {
border: 0;
padding: 5px;
margin-right: 3px;
}
.social-icons .icon:hover {
color: #FFF;
}
.social-icons .icon.icon_facebook:hover {
background-color: #3a589d;
border-color: #3a589d;
}
.social-icons .icon.icon_twitter:hover {
background-color: #2478ba;
border-color: #2478ba;
}
.social-icons .icon.icon_email:hover {
background-color: #2ecc71;
border-color: #2ecc71;
}
.social-icons .icon.icon_pintrest:hover {
background-color: #cb2320;
border-color: #cb2320;
}
.social-icons .icon.icon_rss:hover {
background-color: #fc7600;
border-color: #fc7600;
}
.social-icons .icon.icon_twitter:hover {
background-color: #2478ba;
border-color: #2478ba;
}
.social-icons .icon.icon_instagram:hover {
background-color: #3b6994;
border-color: #3b6994;
}
.social-icons .icon.icon_googleplus:hover {
background-color: #dd4e31;
border-color: #dd4e31;
}
.social-icons .icon.icon_linkedin:hover {
background-color: #0072b7;
border-color: #0072b7;
}
.social-icons .icon.icon_youtube:hover {
background-color: #c33223;
border-color: #c33223;
}
.social-icons .icon.icon_flickr:hover {
background-color: #e5086f;
border-color: #e5086f;
}
.product-page .social-icons {
margin-bottom: 30px;
}
.yith-wcwl-share ul {
margin-left: 0;
}
.yith-wcwl-share li a.facebook:before {
content: "\e002";
}
.yith-wcwl-share li a.twitter:before {
content: "\e001";
}
.yith-wcwl-share li a.pinterest:before {
content: "\e010";
}
.yith-wcwl-share li a.googleplus:before {
content: "\e00f";
}
.product-page .social-icons {
margin-bottom: 30px;
}
.social-icons.share-row span.title {
font-weight: bold;
margin-right: 5px;
}
.product-info .social-icons {
border-top: 1px dotted #dddddd;
padding-top: 25px;
}
.star-rating,
.star-rating {
text-align: left;
font-size: 16px;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
width: 5.4em;
font-family: 'icomoon';
}
.star-rating:before, .woocommerce-page .star-rating:before {
content: "\e006 \e006 \e006 \e006 \e006";
color: #fdc95a;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
font-weight: normal;
}
.star-rating span:before {
content: "\e005 \e005 \e005 \e005 \e005";
color: #fdc95a;
top: 0;
position: absolute;
left: 0;
}
li.product-item .star-rating {
font-size: 80%;
margin-bottom: 5px;
}
li.product-item .text-center .star-rating {
margin: 0 auto 5px;
}
.product-info .star-rating {
margin-bottom: 20px;
}
ul.tabs {
margin-left: 0;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.tabbed-content ul.tabs {
display: block;
width: 100%;
margin-bottom: 20px;
}
.tabbed-content ul.tabs li {
position: relative;
list-style: none;
display: inline-block;
}
.tabbed-content ul.tabs li a {
color: #999;
font-weight: bold;
text-transform: uppercase;
margin-right: 25px;
margin-left: 25px;
font-size: 100%;
border-bottom: 3px solid #fff;
padding: 0;
display: block;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.tabbed-content ul.tabs li:first-child a {
margin-left: 0;
}
.tabbed-content ul.tabs li:last-child a {
border: 0px;
}
.tabbed-content ul.tabs li a:hover:after, .tabbed-content ul.tabs li.active a:after {
position: absolute;
top: 25px;
left: 45%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(221, 221, 221, 0);
border-top-color: #2ecc71;
border-width: 6px;
}
.tabbed-content ul.tabs li:first-child a:hover:after, .tabbed-content ul.tabs li:first-child.active a:after {
left: 35%;
}
.tabbed-content ul.tabs li a:hover {
color: #2ecc71;
}
.tabbed-content ul.tabs li.active a {
color: #2ecc71;
}
.tabbed-content.shortcode_tabgroup .tabs {
text-align: center;
}
.tabbed-content .entry-content {
padding-top: 0;
}
.shortcode_tabgroup h3 {
margin: 10px 0px;
}
.shortcode_tabgroup {
margin-top: -15px;
}
.tabbed-content .iosSlider, .tabbed-content .product-item {
margin-bottom: 0;
}
.tabbed-content.pos_pills > h3, .tabbed-content.pos_center > h3 {
text-align: center;
}
.tabbed-content.pos_pills > ul.tabs, .tabbed-content.pos_center > ul.tabs {
border: 0;
text-align: center;
}
.tabbed-content.pos_pills ul.tabs li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.tabbed-content.pos_pills ul.tabs li:last-child {
border: 0;
}
.tabbed-content.pos_pills ul.tabs li a {
border: 0;
padding: 5px 10px;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 80%;
margin: 0 15px;
}
.tabbed-content.pos_pills ul.tabs li.active a {
background: #2ecc71;
color: #FFF;
}
.tabbed-content.pos_pills ul.tabs {
margin-bottom: 30px;
}
#tab-additional {
margin-top: 20px;
line-height: 1.7;
}
.product-details .tabbed-content.woocommerce-tabs #tab-additional {
font-size: 80%;
}
.product-details .tabbed-content #tab-reviews p {
font-size: 90%;
}
.tabbed-content ul.tabs li.current-menu-item a {
border-bottom: 4px solid #2ecc71;
color: #000;
}
.account-nav {
margin-bottom: 40px;
padding-top: 15px;
}
.vertical-tabs ul.tabs-nav {
margin-left: 0;
z-index: 9;
border-right: 1px solid #dddddd;
margin-right: -1px;
height: 100%;
}
.vertical-tabs ul.tabs-nav li {
list-style: none;
font-size: 90%;
text-transform: uppercase;
font-weight: bold;
}
.vertical-tabs ul.tabs-nav li a {
background: #FFF;
border-bottom: 1px solid #eeeeee;
padding: 10px 0;
display: block;
color: #999;
-webkit-transition: border 200ms ease-out;
-moz-transition: border 200ms ease-out;
transition: border 200ms ease-out;
}
.vertical-tabs ul.tabs-nav li.current a, .vertical-tabs ul.tabs-nav li a:hover, .vertical-tabs ul.tabs-nav li.current-menu-item a {
color: #333;
border-right: 4px solid #2ecc71;
}
.vertical-tabs .tabs-inner {
border-left: 1px solid #dddddd;
padding-left: 40px;
padding-top: 25px;
}
.vertical-tabs .tabs-inner.active {
padding-top: 25px;
}
.shortcode_tabgroup_vertical h3 {
border-bottom: 2px solid #eee;
padding-bottom: 15px;
margin: 0;
}
.vertical-tabs .tabs-inner,
.tabbed-content .panel {
overflow: hidden;
height: 0;
opacity: 0;
-webkit-transition: opacity 300ms ease-out;
-moz-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}
.vertical-tabs .tabs-inner.active,
.tabbed-content .panel.active {
overflow: hidden;
height: auto;
opacity: 1;
-webkit-transition: opacity 800ms ease-out;
-moz-transition: opacity 800ms ease-out;
transition: opacity 800ms ease-out;
}
.collapses_title {
padding-bottom: 10px;
}
.collapses {
margin-bottom: 30px;
}
.collapses .collapses-inner {
display: none;
padding: 15px 30px 30px;
border: 1px solid #dddddd;
margin: -10px 0px 10px 0px;
}
.collapses .collapses-title a {
margin-bottom: 10px;
text-transform: uppercase;
color: #888;
font-weight: bold;
padding: 20px 15px;
display: block;
border: 1px solid #dddddd;
-webkit-transition: border 200ms ease-out;
-moz-transition: border 200ms ease-out;
transition: border 200ms ease-out;
}
.collapses .collapses-title.active a {
color: #555;
background-color: #f9f9f9;
border-bottom: 1px solid #eeeeee;
}
.product-details .collapses-title.active a {
background: transparent;
border-width: 1px;
}
.large-6 .collapses-title a, .large-5 .collapses-title a, .large-4 .collapses-title a, .large-7 .collapses-title a {
font-size: 95%;
}
.collapses .collapses-title a:before {
font-family: 'FontAwesome';
content: "\f0a7";
font-size: 16px;
margin-right: 15px;
}
.collapses .collapses-title.active a:before {
font-family: 'FontAwesome';
content: "\f0a6";
}
.span.icon-instagram {
font-size: 16px;
}
.search-icon {
font-size: 16px;
}
.avatar, .circle {
-webkit-border-radius: 5px;
border-radius: 5px;
}
button[disabled] {
background-color: #333;
opacity: 0.6;
}
.button, .form-submit #submit {
padding: 15px 20px;
}
.alert-box {
border: 1px solid #f5797c;
display: block;
color: #fff;
font-size: 80%;
position: relative;
margin: 30px 0;
background-color: #c60f13;
}
.alert-box ul {
display: inline-block;
margin-bottom: 0px;
}
.alert-box:before {
color: #FFF;
background: #c60f13;
-webkit-border-radius: 99px;
border-radius: 99px;
padding: 3px;
font-family: 'icomoon';
content: "\61";
margin-right: 10px;
}
.alert-box ul li {
list-style: none;
font-weight: normal;
}
.woocommerce-message,
.woocommerce-error {
padding: 10px;
border: 1px solid #94cdf9;
display: block;
color: #64b7f6;
font-size: 80%;
position: relative;
margin: 20px 0px;
position: relative;
padding-left: 35px;
line-height: 1.3;
}
.woocommerce-message a.button {
display: none;
}
.woocommerce-message:before {
color: #FFF;
background: #64b7f6;
-webkit-border-radius: 99px;
border-radius: 99px;
padding: 3px;
font-family: 'icomoon';
content: "\e00a";
margin-right: 10px;
position: absolute;
top: 10px;
left: 10px;
line-height: 1;
}
#top-link {
display: none;
background: #000;
position: fixed;
right: 35px;
text-align: center;
bottom: 20%;
color: #FFF;
text-decoration: none;
width: 40px;
padding: 8px 8px 12px 10px;
font-size: 20px;
opacity: 0.5;
z-index: 99;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#top-link.active {
display: block;
}
#top-link.active:hover {
opacity: 0.8;
}
.entry-content > ul, .short-description > ul, .t0abs-inner ul, .tabs-inner ol, .accordian-inner ul, .accordian-inner ol {
margin-left: 20px;
}
ul.checkmarks li {
margin-bottom: 10px;
padding: 0 0 15px;
border-bottom: 1px dotted #dddddd;
line-height: 110%;
}
ol.commentlist li {
list-style: none;
}
.entry-content ol {
margin-left: 20px;
}
#content > ul {
margin-left: 20px;
}
.pagination-centered {
padding-top: 20px;
border-top: 1px solid #eeeeee;
margin-bottom: 30px;
}
ul.page-numbers {
line-height: 42px;
}
ul.page-numbers a, .page-numbers li > span {
color: #888;
text-align: center;
border: 1px solid #dddddd;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 6px 12px 7px;
-webkit-transition: background 200ms ease-out;
-moz-transition: background 200ms ease-out;
transition: background 200ms ease-out;
}
ul.page-numbers a:hover, ul.page-numbers li span.current {
background-color: #2ecc71;
border-color: #2ecc71;
color: #fff;
}
#welcome-popup {
background: #FFF;
margin: 0 auto;
padding: 20px;
position: relative;
box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.3);
}
#welcome-popup .mfp-close {
top: 10px;
right: 10px;
z-index: 10;
}
h3.section-title {
margin: 0 0 20px;
text-transform: uppercase;
border-bottom: 1px solid #f1f1f1;
}
h3.section-title a {
float: right;
padding-top: 5px;
font-size: 80%;
}
h3.section-title a:after {
font-family: 'icomoon';
content: "\f106";
color: #2ecc71;
margin-left: 10px;
}
h3.section-title span {
color: #000;
font-size: 80%;
font-weight: bold;
display: inline-block;
padding-bottom: 10px;
border-bottom: 3px solid #2ecc71;
margin-bottom: 0px;
}
h3.section-title.title_center {
text-align: center;
margin-bottom: 40px;
line-height: 22px;
}
h3.section-title.title_center span {
border: 0;
background: #FFF;
bottom: -12px;
position: relative;
padding: 0 30px;
}
h3.section-title.title_bold, h3.section-title.title_bold_center {
border-width: 3px;
margin-top: 50px;
margin-bottom: 60px;
height: 0;
}
h3.section-title.title_bold span, h3.section-title.title_bold_center span {
border: 3px solid #eee;
padding: 10px 15px;
position: relative;
top: -25px;
left: 15px;
background-color: #FFF;
}
h3.section-title.title_bold a {
border: 3px solid #DDD;
padding: 5px 10px;
position: relative;
top: -20px;
right: 15px;
background-color: #FFF;
}
h3.section-title.title_bold_center {
text-align: center;
}
h3.section-title.title_bold_center span {
left: auto;
}
h3.section-title.title_star_center {
border-width: 1px;
margin-top: 50px;
margin-bottom: 60px;
height: 0;
text-align: center;
}
h3.section-title.title_star_center span {
left: auto;
border: 3px solid #eee;
padding: 10px 15px;
position: relative;
top: -25px;
left: 15px;
background-color: #FFF;
}
.bery-hr {
display: block;
height: 1px;
margin: 10px 0 15px;
background: #eee;
}
.text-center .bery-hr {
margin: 15px auto 15px auto;
}
.bery-hr.small {
width: 30px;
}
.bery-hr.medium {
width: 60px;
}
.bery-hr.large .dotted {
border-top: 1px dotted #dddddd;
}
.fa-star {
font-size: 60% !important;
}
.fa-star.large {
font-size: 80% !important;
}
.bery-hr.star {
border-bottom: 1px solid #eee;
width: 150px;
margin: 0 auto;
margin-bottom: 30px;
line-height: 22px;
position: relative;
text-align: center;
}
.bery-hr.star .icon-wrapper {
position: absolute;
display: block;
top: -12px;
left: 22%;
background: #fff;
width: 80px;
text-align: center;
}
.bery-hr.star .icon-wrapper i {
margin: 0 5px;
color: #aaa;
}
.tipr_content {
color: #FFF;
padding: 5px 10px 7px;
text-align: center;
font-size: 80%;
}
.tipr_container_bottom {
display: none;
position: absolute;
margin-top: 13px;
z-index: 1000;
}
.tipr_container_top {
display: none;
position: absolute;
margin-top: -40px;
z-index: 1000;
}
.tipr_point_top, .tipr_point_bottom {
position: relative;
background: #111;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 0.95;
}
.tipr_point_top:after {
position: absolute;
pointer-events: none;
border: solid transparent;
top: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_top:after {
border-top-color: #111;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.tipr_point_bottom:after {
position: absolute;
pointer-events: none;
border: solid transparent;
bottom: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_bottom:after {
border-bottom-color: #111;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.select-wrapper {
position: relative;
}
.select-wrapper:after {
position: absolute;
right: 0;
top: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.select-wrapper:after {
border-color: rgba(145, 145, 145, 0);
border-top-color: #919191;
border-width: 6px;
right: 8px;
margin-left: -6px;
}
.custom select {
-webkit-appearance: none;
text-transform: none;
font-size: 80%;
line-height: 1;
border: 1px solid #eeeeee;
-webkit-border-radius: 1px;
border-radius: 1px;
padding-left: 10px;
padding-right: 10px;
height: 30px;
-webkit-appearance: none;
border: 1px solid #eeeeee;
padding: 5px 8px 4px;
position: relative;
top: 1px;
}
.custom select:hover {
background: white;
}
.product-lightbox {
text-align: center;
background: #FFF;
width: 90%;
max-width: 800px;
margin: 0 auto;
position: relative;
}
.product-lightbox form.custom select {
visibility: visible;
}
.product-lightbox-inner {
padding: 30px 30px 10px;
font-size: 90%;
}
.product-lightbox-inner h4.breadcrumb {
font-size: 80%;
}
.product-lightbox-inner .short-description {
max-height: 220px;
overflow-x: auto;
}
.product-lightbox .iosSlider.product-gallery-slider {
margin-bottom: 0;
-webkit-transition: height 500ms ease-out;
-moz-transition: height 500ms ease-out;
transition: height 500ms ease-out;
}
.lightbox-white {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.please-wait {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid #ccc;
}
.please-wait:after {
content: '';
background: trasparent;
width: 140%;
height: 140%;
position: absolute;
border-radius: 100%;
top: -20%;
left: -20%;
opacity: 0.7;
box-shadow: rgba(0, 0, 0, 0.2) -4px -5px 3px -3px;
animation: rotate 2s infinite linear;
}
@keyframes rotate {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
.bery_block .edit-link {
display: none;
}
a.lost_password {
margin-left: 15px;
}
.columns > br, .row > br {
display: none;
}
pre {
border: 1px solid #ddd;
padding: 20px;
background: #f1f1f1;
margin-bottom: 30px;
margin-top: 20px;
}
.catalog-mode-header {
padding-top: 15px;
text-align: right;
float: right;
}
.catalog-mode-header > div {
display: inline-block;
}
.catalog-mode-header input, .catalog-mode-header form, .catalog-mode-header button {
margin: 0;
}
.no-prices span.amount, .no-prices form.cart {
display: none;
}
.catalog-product-text {
padding-bottom: 15px;
}
.catalog-product-text .collapses {
margin: 0;
}
.woocommerce-info {
padding: 15px 0px;
}
.home-intro {
display: block;
margin-bottom: -1px;
}
.home-intro .iosSlider {
margin-bottom: 0;
}
.col_hover_focus > *, .col_hover_fade > *, .col_hover_blur > *, .col_hover_grayscale > * {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
position: relative;
}
.col_hover_focus:hover > * {
opacity: 1;
}
.col_hover_fade:hover > * {
opacity: 1;
}
.col_hover_grayscale > * {
opacity: 0.7;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
-webkit-filter: grayscale(100%);
}
.col_hover_grayscale:hover > * {
opacity: 1;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.col_hover_blur > * {
-webkit-filter: blur(3px);
}
.col_hover_blur:hover > * {
-webkit-filter: blur(0px);
}
.square-round {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.square-round:hover {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.error404 .search-wrapper {
display: none;
}
.bread {
height: 60px;
display: block;
overflow: hidden;
background: url("bread-bg.png");
position: relative;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
z-index: 1;
}
.bread-title {
margin-top: -65px;
font-size: 120px;
color: #fff;
opacity: 0.4;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.bread .breadcrumb-row {
background: none repeat scroll 0 0 #fff;
border-color: #ececec;
border-radius: 4px 4px 0 0;
border-width: 2px 2px 0;
float: none;
z-index: 99;
display: block;
position: absolute;
top: 0px;
margin-top: 33px;
margin-bottom: 0px;
padding: 5px 15px;
}
.bread .breadcrumb-row h3 {
padding: 0px;
}
@-moz-document url-prefix() {
.select-wrapper:after {
display: none;
}
.product-lightbox .quantity {
display: none;
}
.quantity input[type=number] {
-moz-appearance: textfield;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-wrapper:after {
display: none;
}
}
/* -- general -- */
.dark {
color: #ddd;
}
.dark a {
color: #FFF;
}
.dark a:hover {
color: #ddd;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
color: #FFF;
}
.dark p {
color: #ddd;
}
.dark .price {
color: #FFF;
}
.dark .price del, .dark .price .from {
color: #eee;
}
.dark .bery-hr {
background-color: #FFF;
opacity: 0.3;
}
.dark-header #header-outer-wrap .logo a, .dark .testimonial_text .test_company {
color: #FFF;
}
.dark .sliderNav a span {
border-color: black;
color: #fff;
}
.dark .sliderBullets .bullet.active, .dark .sliderBullets .bullet:hover, .flipContainer .pager span.dot.current {
background: #000;
}
.dark-header #header-outer-wrap ul.main-navigation a.nav-top-link, .wide-nav.dark-header ul.main-navigation a.nav-top-link, .wide-nav.dark-header .wide-nav-right a {
color: #fff;
opacity: 0.7;
}
.dark-header #header-outer-wrap ul.main-navigation li.active a.nav-top-link, .wide-nav.dark-header ul.main-navigation li.active a.nav-top-link, .wide-nav.dark-header .wide-nav-right a:hover {
color: #fff;
opacity: 1;
}
.dark-header #header-outer-wrap .mobile-menu a {
font-size: 32px;
color: #FFF;
}
.dark-header #header-outer-wrap strong.cart-name, .dark-header span.cart-price {
color: #fff;
opacity: 0.6;
}
.dark-header #header-outer-wrap .active strong.cart-name, .dark-header .active span.cart-price {
color: #fff;
opacity: 1;
}
.dark-header #header-outer-wrap .main-navigation li.mini-cart .cart-icon strong {
border-color: #fff;
color: #FFF;
}
.dark-header #header-outer-wrap .main-navigation li.mini-cart.active .cart-icon strong {
border-color: #fff;
color: #000;
background-color: #fff;
}
.dark-header #header-outer-wrap .main-navigation li.mini-cart .cart-icon .cart-icon-handle {
border-color: #fff;
}
.dark-header #header-outer-wrap .main-navigation li.account-dropdown, .dark-header #header-outer-wrap .main-navigation li.html-block {
border-color: rgba(255, 255, 255, 0.3);
}
.dark-header .bery_banner-grid {
margin-top: 40px;
}
.dark-header .top-divider {
display: none;
}
.dark form label {
color: #eee;
}
.dark .social-icons .icon {
border-color: #FFF;
color: #FFF;
}
.dark .widget .post-date {
border-color: #ccc;
color: #CCC;
}
.dark .widget .post-item:hover .post-date {
background: #FFF;
color: #2ecc71;
border-color: #FFF;
}
.dark .product_list_widget span.amount {
color: #FFF;
}
.dark .luxury_recent_posts li, .dark .product_list_widget li {
border-color: #ccc;
border-color: rgba(255, 255, 255, 0.2);
}
.dark .widget_nav_menu ul li a {
color: #FFF;
}
.dark .widget_nav_menu ul li a:hover {
color: #ccc;
}
.dark .widget_nav_menu ul li a {
border-color: rgba(255, 255, 255, 0.2);
}
.dark.absolute-footer ul li a:hover {
color: #FFF;
}
.dark #add_review .inner {
background: #000;
background: rgba(0, 0, 0, 0.3);
border: 0;
}
.dark .shop_table thead {
color: #eee;
}
.dark .top-divider {
display: none;
}
.dark .checkout-breadcrumb h1 {
color: #ccc;
}
.woocommerce-cart .dark .title-cart, .woocommerce-checkout .dark .title-checkout,
.dark .tabbed-content ul.tabs li.active a, .dark .shop_table .total, .dark .comment-list cite.fn, .wide-nav.dark-header {
color: #FFF;
}
.dark .woocommerce .order-review, .dark .woocommerce-checkout form.login {
background-color: #000;
background-color: rgba(0, 0, 0, 0.3);
}
.dark .widget_product_categories li a, .dark .widget_layered_nav li a, .dark .widget_layered_nav_filters li a {
color: #eee;
}
.dark .bery_price_table, .dark .product-category .header-title, .dark .bery_price_table .title {
background: #000;
background: rgba(0, 0, 0, 0.9);
border-color: black;
}
.dark .tabbed-content ul.tabs li.active a {
border-color: #FFF;
}
.dark .row.divided .columns, .dark h3.section-title.title_center span:before, .dark h3.section-title.title_center span:after, .dark .bery_price_table .bullet-item, .dark .bery_price_table .description, .dark .author-box, .dark .tabbed-content ul.tabs li a, .dark .product-details, .dark .comment-list .children .comment-inner, .dark .comment-list > li.comment > .comment-inner, .dark .navigation-post .nav-next, .dark .navigation-post, .dark footer.entry-meta, .dark .blog-pinterest-style .entry-content, .dark .pagination-centered, .dark .product-sidebar-right .inner, .dark .widget h3.widget-title.shop-sidebar,
.dark .widget_product_categories > ul > li, .dark .widget_layered_nav > ul > li, .dark hr,
.dark .product_meta > span, .dark .review-item, .dark h3.section-title, .dark .shop_table thead
, .dark .cart_table_item, .dark .cart-wrapper, .dark .cart-sidebar .widget-title,
.dark .cart_totals .total, .dark .shop_table .total, .dark table tr, .product-info .social-icons {
border-color: #666;
border-color: rgba(255, 255, 255, 0.2);
}
/*------------------------- 3. Header ------------------------------*/
#top-bar {
background-color: #484848;
color: #999;
z-index: 11;
position: relative;
}
#top-bar li > a {
color: #999;
}
#top-bar li a:hover {
color: #fff;
border-bottom: none;
}
#top-bar .left-text {
opacity: 1;
font-size: 80%;
padding: 10px 0;
}
#top-bar .right-text {
font-size: 80%;
padding: 10px 0;
}
#top-bar .row {
position: relative;
}
#top-bar span {
opacity: 1;
font-weight: normal;
}
#top-bar .html > * {
display: inline-block;
}
#header-outer-wrap {
height: 85px;
-webkit-box-shadow: 0 3px 6px -6px #ccc;
-moz-box-shadow: 0 3px 6px -6px #ccc;
box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.6);
z-index: 10;
}
#header-outer-wrap {
background-color: #FFF;
top: -200px;
-webkit-transition: top 600ms ease;
-moz-transition: top 600ms ease;
transition: top 600ms ease;
background-position: bottom center;
background-repeat: repeat-x;
}
#logo {
height: 100%;
text-transform: uppercase;
display: table-cell;
vertical-align: middle;
}
#logo a {
display: block;
margin: 0;
font-size: 200%;
line-height: 100%;
font-weight: bold;
float: left;
width: 100%;
}
#logo a img {
max-height: 65px;
height: auto;
width: auto;
}
#logo a {
color: #2ecc71;
}
#header-outer-wrap .row {
height: 100%;
}
#header-outer-wrap .header-container {
display: table;
height: 100%;
width: 100%;
}
#header-outer-wrap .header-links-wrap-1 {
display: table-cell;
vertical-align: middle;
}
#header-outer-wrap .header-links-wrap-2 {
display: table-cell;
vertical-align: middle;
}
#header-outer-wrap .header-links-wrap-1 > ul {
float: left;
margin-left: 15px;
}
.wide-nav.stuck {
background-color: white !important;
opacity: 1;
position: fixed;
top: -200px;
left: 0;
right: 0;
z-index: 100;
-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
}
.wide-nav.stuck:hover, .wide-nav.stuck:hover {
opacity: 1;
}
.wide-nav.stuck.move_down {
height: 48px;
top: 0;
}
.wide-nav.stuck.move_down .catalog-mode-header, #header-outer-wrap.stuck.move_down .header-links-wrap-1 > ul, #header-outer-wrap.stuck.move_down .header-links-wrap-2 > ul,
.wide-nav.stuck.move_down #logo a {
padding: 0 !important;
}
.wide-nav.stuck.move_down #logo a {
float: none;
}
.wide-nav.stuck.move_up {
top: -300px;
}
.boxed #header-outer-wrap, .boxed .wide-nav {
max-width: 71.25em;
width: 100%;
left: auto;
right: auto;
}
.boxed #header-outer-wrap.stuck, .boxed .wide-nav.stuck {
left: auto;
right: auto;
}
.logo-center #header-outer-wrap .header-links-wrap-1 {
width: 40%;
}
.logo-center #header-outer-wrap .header-links-wrap-2 {
width: 40%;
}
.logo-center #header-outer-wrap #logo {
width: 20%;
text-align: center;
}
.logo-center #header-outer-wrap .header-links-wrap-1 > ul {
margin-left: 0;
}
.logo-center #header-outer-wrap .header-links-wrap-1 > ul > li {
margin-left: 0;
margin-right: 20px;
}
.nav-dropdown, .sub-menu.submenu-languages {
top: 85px;
visibility: hidden;
opacity: 0;
background: #fff;
z-index: 100;
position: absolute;
margin-top: 25px;
-webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.active .nav-dropdown {
opacity: 1;
visibility: visible;
top: 59px;
}
.nav-dropdown > ul, .nav-dropdown > .row, .nav-dropdown-inner {
position: relative;
}
ul.main-navigation li ul {
margin: 0;
border-top: 2px solid #2ecc71;
}
ul.main-navigation li ul.menu li {
width: 160px;
float: none;
}
ul.main-navigation li .nav-dropdown li {
display: block;
width: 100%;
min-width: 200px;
margin: 0;
float: none;
}
ul.main-navigation li .nav-dropdown li, ul.main-navigation li .nav-dropdown li {
padding: 12px 20px 12px 20px;
}
ul.main-navigation li .nav-dropdown li.menu-parent-item {
padding: 0px;
}
ul.main-navigation li .nav-dropdown li.menu-parent-item .nav-column-links ul li {
padding: 0px;
}
ul.main-navigation li .nav-dropdown li.menu-parent-item a {
padding: 5px 25px 5px 25px;
}
ul.main-navigation li .nav-dropdown li.menu-parent-item {
margin-top: 20px;
margin-bottom: 20px;
}
ul.main-navigation li .nav-dropdown li a {
text-transform: capitalize;
font-weight: normal;
font-size: 80% !important;
display: block;
}
ul.main-navigation li .nav-dropdown > ul > li.menu-parent-item {
float: left;
width: 200px;
}
ul.main-navigation li .nav-dropdown > ul > li.menu-parent-item ul {
border-top: none;
}
ul.main-navigation li .nav-dropdown > ul > li.menu-parent-item ul ul li a {
font-size: 11px;
padding: 6px 0;
border-bottom: none;
}
ul.main-navigation li .nav-dropdown li.image-column {
position: relative;
float: left;
width: 160px;
padding: 0;
}
ul.main-navigation li .nav-dropdown li.image-column a {
line-height: 0;
font-size: 0px !important;
margin: 0;
padding: 0;
}
ul.main-navigation li .nav-dropdown li.image-column a img {
width: 100%;
}
ul.main-navigation li .nav-dropdown li.image-column a:hover {
opacity: 0.9;
}
#jPanelMenu-menu li.image-column {
display: none;
}
.tooltip-hot.menu-item {
position: relative;
}
.tooltip-hot.menu-item > a:before {
border: 4px solid transparent;
border-top: 5px solid #e74c3c;
position: absolute;
content: "";
right: -10px;
z-index: 999;
}
.tooltip-new.menu-item {
position: relative;
}
.tooltip-new.menu-item > a:before {
border: 4px solid transparent;
border-top: 5px solid #64b7f6;
position: absolute;
content: "";
right: -10px;
z-index: 999;
}
.tooltip-hot.menu-item > a:after {
position: relative;
top: -18px;
left: 20px;
content: "HOT";
display: inline-block;
background: #000;
font-size: 9px;
margin-left: -25px;
color: #FFF;
padding: 0 3px;
}
.tooltip-new.menu-item > a:after {
position: relative;
top: -18px;
left: 20px;
content: "NEW";
display: inline-block;
background: #000;
font-size: 9px;
margin-left: -25px;
color: #FFF;
padding: 0 3px;
}
.tooltip-hot.menu-item > a:after {
background-color: #e74c3c;
}
.tooltip-new.menu-item > a:after {
background-color: #64b7f6;
}
.tooltip-hot.menu-parent-item .nav-dropdown, .tooltip-new.menu-parent-item .nav-dropdown {
margin-top: -7px;
}
/*fix tooltip for dropdown*/
ul.main-navigation {
margin: 0;
}
ul.main-navigation li {
float: left;
margin-left: 40px;
list-style: none;
}
ul.main-navigation li a {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
text-transform: uppercase;
font-size: 90%;
font-weight: bold;
padding: 0;
}
.header-links-wrap-2 > ul.main-navigation {
white-space: nowrap;
padding-top: 0px;
}
.header-links-wrap-2 > ul.main-navigation > li {
display: inline-block;
float: none;
}
.header-links-wrap-2 > ul.main-navigation > li {
margin-left: 0px;
}
ul.main-navigation a.nav-top-link {
color: #555;
display: block;
font-size: 80%;
}
ul.main-navigation li a.nav-top-link:hover {
color: #2ecc71;
}
ul.main-navigation li.active a.nav-top-link {
color: #000;
opacity: 1;
}
ul.main-navigation li .nav-dropdown a {
color: #777;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
ul.main-navigation li .nav-dropdown > ul > li.menu-parent-item > a {
font-size: 100% !important;
padding-bottom: 10px;
color: #000;
font-weight: bold;
border-bottom: 0px solid #f2f2f2 !important;
text-transform: uppercase;
}
ul.main-navigation li .nav-dropdown > ul > li:hover {
color: #000;
text-decoration: none;
background-color: #f8f8f8;
}
ul.main-navigation li .nav-dropdown > ul > li:hover {
color: #000;
text-decoration: none;
background-color: #f8f8f8;
}
ul.main-navigation li .nav-dropdown > ul > li .nav-column-links > ul > li a {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
ul.main-navigation li .nav-dropdown > ul > li .nav-column-links > ul > li a:hover {
color: #2ecc71;
padding-left: 30px;
}
ul.main-navigation li .nav-dropdown > ul > li .nav-column-links > ul > li a:before {
content: "\f10c";
font-family: 'FontAwesome';
margin-right: 8px;
font-size: 6px;
}
ul.main-navigation li .nav-dropdown > ul > li.menu-item.menu-parent-item:hover {
background-color: #fff;
}
a.nav-top-link:before {
margin-right: 5px;
}
.search-dropdown .search-wrapper form {
position: relative;
width: 350px;
}
.search-dropdown .search-wrapper .please-wait {
position: absolute;
left: 45%;
top: 35%;
margin: 0;
}
.search-dropdown .search-wrapper button {
color: #E5E5E5;
position: absolute;
top: 10px;
background: none;
border: none;
}
.search-dropdown .search-wrapper button:hover {
box-shadow: none;
color: #999;
background: none;
}
.search-dropdown .nav-dropdown {
right: 15px;
border-top: 2px solid #2ecc71;
}
.search-dropdown .search-wrapper input {
border: none;
margin: 8px !important;
font-size: 80% !important;
}
.search-dropdown .search-wrapper input:focus {
background: none !important;
}
#yith-searchsubmit .icon-search {
color: #2ecc71;
}
.yith-ajaxsearchform-container {
position: relative;
}
.yith-ajaxsearchform-container form {
margin-bottom: 2em;
}
.autocomplete-suggestions {
background-color: #FFF;
position: relative;
border: 0;
width: 100% !important;
}
.autocomplete-suggestion {
padding: 10px 15px;
border-bottom: 1px solid #EEE;
font-size: 80%;
}
.autocomplete-selected {
background: #eee;
}
.widget_search .search-wrapper form.searchform input.field {
border: 1px solid #dddddd !important;
}
.widget_search .search-wrapper form.searchform input:focus {
background: #fff;
}
.widget_search .search-wrapper form.searchform button {
border: none;
width: 44px;
height: 44px;
}
.main-navigation li.account-dropdown {
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 15px;
}
.main-navigation li.account-dropdown .nav-dropdown {
max-width: 300px;
}
.main-navigation li.account-dropdown ul {
width: 160px;
}
.main-navigation li.account-dropdown ul li {
white-space: normal;
}
.main-navigation li:last-child {
border-right: 0;
padding-right: 0;
}
.nav-crop-header-links-wrap-2 .header-links-wrap-2 .li.mini-cart {
margin-left: 5px;
}
.nav-crop-header-links-wrap-2 .header-links-wrap-2 ul.main-navigation li {
margin-left: 5px;
}
.nav-crop-header-links-wrap-1 .header-links-wrap-1 ul.main-navigation > li {
margin-left: 5px;
}
#top-bar .html, .top-bar-nav {
display: inline-block;
}
.left-text i {
color: #2ecc71;
}
ul.top-bar-nav {
margin: 0;
line-height: 100%;
}
ul.top-bar-nav li {
list-style: none;
position: relative;
display: inline-block;
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 10px;
margin-left: 10px;
}
ul.top-bar-nav li:first-child {
border: 0;
}
ul.top-bar-nav li a:hover {
border-bottom: 1px solid #fff;
}
ul.top-bar-nav .nav-dropdown {
padding: 3px;
right: 0;
}
ul.top-bar-nav .nav-dropdown ul {
margin: 0;
min-width: 100px;
}
ul.top-bar-nav .nav-dropdown ul li {
margin: 0;
padding: 0;
border-bottom: 1px solid #EEE;
display: block;
}
ul.top-bar-nav .nav-dropdown > ul:after {
top: -20px;
right: 20px;
left: auto;
}
ul.top-bar-nav .nav-dropdown li a {
font-size: 90%;
display: block;
color: #111;
text-transform: uppercase;
padding: 5px 10px;
border: 0;
}
ul.top-bar-nav .nav-dropdown li a:hover {
color: #777;
}
ul.top-bar-nav .nav-dropdown ul li:last-child {
border: 0;
}
.menu-item:before {
margin-right: 8px;
font-size: 100%;
}
.wide-nav {
top: -300px;
background-color: #f1f1f1;
-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
}
.wide-nav .main-navigation > li {
margin-left: 0;
line-height: 50px;
display: inline-block;
float: none;
}
.wide-nav .wide-nav-right {
display: table-cell;
height: 50px;
vertical-align: middle;
}
.wide-nav .wide-nav-right > div {
display: table-cell;
vertical-align: middle;
}
.wide-nav .wide-nav-right button, .wide-nav .wide-nav-right input {
margin-bottom: 0;
}
.wide-nav .wide-nav-right form {
margin-left: 15px;
width: 230px;
}
.wide-nav .main-navigation a.nav-top-link {
padding-right: 15px;
padding-left: 15px;
}
.wide-nav.nav-center .nav-wrapper > #navigation-wrap {
text-align: center;
}
.wide-nav.nav-center .nav-wrapper > #navigation-wrap li {
text-align: left;
}
.wide-nav.nav-left .nav-wrapper > #navigation-wrap {
float: left;
}
.wide-nav .nav-dropdown {
margin-top: -2px;
}
.wide-nav.nav-center .nav-dropdown > ul:after, .wide-nav.nav-center .nav-dropdown > .row:after {
left: 60px;
}
.navigation-search-wrap form {
width: 260px;
}
.navigation-search-wrap > li {
margin-left: 0;
margin-right: 30px;
}
.navigation-search-wrap > div {
display: table-cell;
vertical-align: middle;
padding-top: 0px;
padding-left: 180px;
}
.logo-center .navigation-search-wrap > div {
padding-left: 0;
padding-right: 20px;
}
.navigation-search-wrap form, .navigation-search-wrap input, .navigation-search-wrap button {
margin-bottom: 0;
}
.navigation-search-wrap .autocomplete-suggestions, .wide-nav-right .autocomplete-suggestions {
position: absolute;
top: 35px;
}
.navigation-search-wrap .autocomplete-suggestion, .wide-nav-right .autocomplete-suggestion {
padding-left: 15px;
}
.wide-nav.stuck {
position: fixed;
opacity: 0.9;
top: -300px;
right: 0;
left: 0;
z-index: 99;
-webkit-transition: top 650ms ease;
-moz-transition: top 650ms ease;
transition: top 650ms ease;
}
.page-template-page-transparent-header-php .header-wrapper, .page-template-page-blank-header-php .header-wrapper, .page-template-page-boxed-header-php .header-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99;
}
.boxed.page-template-page-transparent-header-php .header-wrapper, .boxed.page-template-page-blank-header-php .header-wrapper {
left: auto;
right: auto;
max-width: 71.25em;
}
.page-template-page-transparent-header-php #header-outer-wrap.site-header {
background: none;
}
.page-template-page-blank-header-php #header-outer-wrap.site-header {
display: none;
}
.page-template-page-transparent-header-php #content > .content_slider_wrap .bery_banner .row, .page-template-page-boxed-header-php #content > .content_slider_wrap .bery_banner .row {
margin-top: 40px;
}
.page-template-page-boxed-header-php .header-wrapper {
margin-top: 30px;
max-width: 69em;
margin-left: auto;
margin-right: auto;
}
.boxed.page-template-page-boxed-header-php .header-wrapper {
margin-top: 20px;
}
.framed-layout.page-template-page-boxed-header-php .header-wrapper {
margin-top: 60px;
}
#lang_sel {
z-index: 10;
width: 100%;
}
#lang_sel li {
width: 100%;
}
.menu-item-language .sub-menu {
padding: 10px;
left: auto;
right: 0;
width: 180px;
}
.menu-item-language .sub-menu li {
margin: 0;
padding: 0;
width: 100%;
}
.sub-menu.submenu-languages a {
color: #777;
font-size: 95%;
display: block;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #EEE;
}
.sub-menu.submenu-languages a:hover {
color: #000;
border-bottom: 1px solid #EEE;
}
.sub-menu.submenu-languages li:last-child a {
border: 0;
}
.sub-menu.submenu-languages .iclflag {
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
#megaMenuToggle {
display: none;
}
#megaMenu.megaResponsiveToggle ul.megaMenu {
display: block;
}
}
/*------------------------- 4. Footer ------------------------------*/
.footer {
padding: 50px 0 0;
border-top: 1px solid #eeeeee;
color: #666;
}
.footer .widget-title {
color: #aaa;
}
.footer .bery-hr {
display: block;
height: 1px;
background-color: #666;
opacity: 0.1;
}
.absolute-footer {
padding: 20px 0 20px;
border-top: 1px solid #202020;
}
.absolute-footer.dark {
background: #121212;
}
.absolute-footer .left {
font-size: 80%;
}
.absolute-footer .left .copyright-footer {
font-size: 100%;
padding-top: 5px;
}
.absolute-footer .right {
font-size: 80%;
}
.copyright-footer {
opacity: 0.6;
}
.widget_text h4 {
color: #aaa;
font-weight: bold;
margin-top: 25px;
margin-bottom: 15px;
}
.widget_nav_menu ul li {
padding-right: 5px;
}
.widget_nav_menu ul li a {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.widget_nav_menu ul li a:hover {
padding-left: 8px;
}
/*------------------------- 5. Pages -------------------------------*/
#secondary {
padding-top: 20px;
}
li.blog_shortcode_item:hover .post-date {
background: none;
}
article.type-post, article.hentry {
margin-bottom: 60px;
}
.page-left-sidebar .page-inner {
padding-left: 30px;
border-left: 1px solid #eee;
}
.page-right-sidebar .page-inner {
padding-right: 30px;
border-right: 1px solid #eee;
}
.entry-header {
margin-bottom: 10px;
}
.entry-header .meta-author {
margin-top: 10px;
font-size: 80%;
text-align: center;
}
.entry-header .post-date-wrapper {
position: relative;
width: 90px;
height: 90px;
-webkit-border-radius: 99px;
border-radius: 99px;
text-align: center;
background: #2ecc71;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.entry-header .post-date-wrapper:hover {
background: #25a25a;
}
.entry-header .post-date {
padding-top: 17px;
text-align: center;
}
.entry-header .post-date span {
display: block;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.entry-header .post-date .post-date-day {
font-size: 250%;
}
.entry-header .post-date .post-date-month {
font-size: 100%;
}
h1.entry-title {
margin: 0px 0px 5px;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-weight: normal;
font-size: 200%;
}
h1.entry-title a {
color: #000;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
h1.entry-title a:hover {
color: #2ecc71;
}
article.post .entry-content p {
font-size: 80%;
}
article.post .entry-header .entry-title {
font-size: 150%;
}
.type-page h1.entry-title, .search-results .text-center h1.entry-title {
margin-bottom: 30px;
text-transform: uppercase;
}
.type-page .text-center h1.entry-title, .search-results .text-center h1.entry-title {
margin-bottom: 15px;
text-transform: uppercase;
}
.entry-image {
position: relative;
margin: 10px 0px 15px;
}
.entry-image img {
width: 100%;
}
.entry-summary {
margin-top: 0px;
}
.entry-meta {
padding: 15px 0;
border-top: 1px dotted #eeeeee;
border-bottom: 1px solid #dddddd;
font-size: 80%;
}
.entry-meta span.divider {
opacity: 0.5;
margin: 0 5px;
}
.entry-meta-footer {
border-top: 1px dotted #dddddd;
border-bottom: 1px solid #dddddd;
padding: 15px 0;
overflow: hidden;
}
.entry-meta span.meta-author {
font-size: 100%;
}
body.archive h1.page-title, body.search-results h1.page-title {
font-size: 120%;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
color: #555;
}
.navigation-paging {
width: 100%;
overflow: hidden;
font-size: 80%;
}
.navigation-paging .nav-previous {
float: right;
}
.navigation-paging .nav-next {
float: left;
}
.navigation-paging a, .navigation-image a {
color: black;
display: block;
border: 1px solid #dddddd !important;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 5px 10px 7px;
text-transform: uppercase;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.navigation-paging a:hover, .navigation-image a:hover {
color: #FFF;
background-color: #2ecc71;
}
.navigation-image {
margin-top: 15px;
}
.navigation-image > div {
display: inline-block;
margin-right: 10px;
}
.author-box {
padding: 30px 0;
border-bottom: 1px solid #dddddd;
}
.author-box p {
font-size: 80%;
}
.author-box .author-name {
margin: 0;
}
.author-box .author-title {
text-transform: uppercase;
}
.post-date-wrapper {
margin: 0 auto;
}
.blog header.entry-header .large-2.columns.text-center {
margin-top: 8px;
}
.navigation-post {
border-bottom: 1px solid #dddddd;
overflow: hidden;
}
.navigation-post a {
padding: 30px 20px;
display: block;
width: 100%;
}
.navigation-post span {
display: inline-block;
margin: 0 5px;
top: 1px;
position: relative;
}
.navigation-post .nav-next {
text-align: right;
border-left: 1px solid #ddd;
}
.navigation-post > div {
display: inline-block;
width: 48%;
}
.gallery {
margin-bottom: 30px;
}
.gallery a img {
border: 0;
}
.gallery-item {
margin-bottom: 0;
}
.gallery-item a img {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.post.sticky {
border: 3px solid #2ecc71;
padding: 30px;
}
.post.sticky footer.entry-meta {
border-bottom: 0;
}
.hentry {
margin: 0 0 1.5em;
}
.byline, .updated {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.page-content, #tab-description p {
margin: 1.5em 0 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 80%;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.blog-list-style {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.blog-list-style article {
margin-bottom: 30px;
}
.blog-list-style .entry-content, .blog-list-style .entry-image {
margin-top: 0;
}
.blog-list-style .cat-links a {
text-transform: uppercase;
color: #999;
font-size: 80%;
}
.blog-list-style .post-date {
top: 20px;
}
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ddd;
margin-bottom: 1.5em;
max-width: 100%;
background: #f6f6f6;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
padding: 10px 0;
margin: 0;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
display: inline-block;
}
.site-main .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-main .gallery dd {
margin: 0;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
}
embed, iframe, object {
max-width: 100%;
}
.entry-attachment .attachment {
margin-bottom: 15px;
}
.blog-share {
margin-top: 30px;
margin-bottom: 10px;
text-align: center;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: inline-block;
}
.comments-title {
text-transform: uppercase;
font-weight: normal;
}
.comments-title span {
font-weight: bold;
}
.form-allowed-tags {
font-size: 80%;
}
#comments ul li, #comments ol li {
list-style: none;
width: 100%;
}
textarea#comment {
height: 100px;
font-size: 100% !important;
}
.comment-inner {
position: relative;
padding: 15px 15px;
border: 1px solid #eeeeee;
margin-bottom: 25px;
}
.comment-list > li {
margin-bottom: 0px;
}
.comment-list cite.fn {
color: #000;
font-weight: normal;
font-size: 150%;
font-style: normal;
}
.comment-meta.commentmetadata {
font-size: 80%;
text-transform: uppercase;
}
.comment-meta.commentmetadata {
margin-top: 10px;
}
.comment-inner .reply a {
position: absolute;
top: -30px;
right: 0px;
display: block;
background: #eee;
width: 80px;
text-align: center;
text-transform: uppercase;
border: 1px solid #dddddd;
}
.comment-inner .reply a:hover {
background: #2ecc71;
color: white !important;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
margin-bottom: 0;
}
.comment-form-author, .comment-form-email, .comment-form-url {
display: inline-block;
width: 32.8%;
position: relative;
}
.comment-form-author, .comment-form-email {
padding-right: 10px;
}
#comments .reply a {
color: #555555;
font-size: 80%;
}
.comment-form span.required {
display: none;
}
#add_review .comment-form-author, #add_review .comment-form-email, #add_review .comment-form-url {
width: 40%;
margin-bottom: 0;
}
#respond .form-allowed-tags {
display: none;
}
#respond .form-submit {
display: block;
}
#comments ul.children {
margin-left: 35px;
}
.comment-list .children .comment-inner, .children #respond {
border-top: 1px solid #eeeeee;
padding: 15px;
margin-right: 0px;
}
.children #respond {
padding: 15px 30px;
}
.comment-list .comment:last-child {
border: 0;
}
.children .comment {
border: 0;
}
.my-account h1 {
text-transform: uppercase;
padding-bottom: 15px;
border-bottom: 1px solid #DDD;
margin-bottom: 30px;
}
.my-account h2 {
text-transform: uppercase;
color: #555;
font-size: 120%;
}
td.order-actions {
text-align: right;
}
.col2-set.addresses .col-1, .col2-set.addresses .col-2 {
float: left;
margin-right: 30px;
}
.account-user {
position: relative;
padding-left: 80px;
padding-top: 15px;
margin-top: 15px;
overflow: hidden;
}
.account-user .avatar {
position: absolute;
left: 0;
top: 0;
}
.account-user span {
display: block;
}
.account-user span a {
text-transform: uppercase;
display: inline-block;
margin-top: 4px;
font-size: 60%;
padding: 3px 8px;
background: #eee;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.account-user em {
color: #ccc;
}
.wishlist_table .add_to_cart, .yith-wcwl-add-button > a.button.alt {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.wishlist_table .product-thumbnail img {
width: 114px !important;
padding-left: 0;
margin-left: 20px;
}
.page-featured-item #content > ul {
margin-left: 0;
}
li.featured-item a {
display: block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
li.featured-item h3 {
text-transform: uppercase;
line-height: 95%;
font-size: 100%;
padding: 15px 15px 0;
}
.featured_item_cats {
text-transform: uppercase;
font-size: 80%;
display: block;
margin-bottom: 15px;
}
.featured_item_cats a {
font-weight: bold;
}
.page-featured-item h1 {
text-transform: uppercase;
}
.featured_item_image {
overflow: hidden;
position: relative;
}
li.featured-item img {
width: 100%;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
li.featured-item:hover img {
margin-top: -10px;
}
li.featured-item:hover a {
background: #eee;
padding-bottom: 10px;
}
li.featured-item.style_2:hover a {
background-color: #2ecc71;
padding-bottom: 0;
}
li.featured-item.style_2 .hover-text {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
opacity: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
li.featured-item.style_2:hover .hover-text {
opacity: 1;
}
li.featured-item.style_2:hover img {
margin-top: 0;
-webkit-transform: scale(1.2);
opacity: 0.3;
}
.page-featured-item .item-tags {
text-transform: uppercase;
font-size: 80%;
padding-top: 10px;
border-top: 1px dotted #ddd;
margin-bottom: 15px;
}
.page-featured-item .item-tags span {
font-weight: bold;
margin-right: 10px;
}
.page-featured-item .social-icons {
margin-bottom: 15px;
}
#back-to-site {
position: fixed;
top: 0;
left: 0;
z-index: 10;
text-transform: uppercase;
opacity: 0.8;
font-weight: bold;
}
#back-to-site a {
background: #000;
padding: 5px;
color: #FFF;
}
.entry-image-attachment {
overflow: hidden;
position: relative;
}
.entry-image-attachment img {
display: block;
}
.nd-title {
position: relative;
top: -150px;
opacity: 0;
margin: 0 0 30px;
-webkit-transition: all 0.3s ease 0.01s;
transition: all 1s ease 0.01s;
}
.nd-title span {
display: inline-block;
}
.nd-title:hover {
color: #000;
}
.nd-icon {
color: #000;
display: inline-block;
font-size: 80%;
margin: 0 5px;
opacity: 0;
position: relative;
cursor: pointer;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425);
transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425);
}
.nd-icon span {
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nd-icon:hover span {
background: #fff;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.nd-content {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nd-content_inner {
display: table;
width: 100%;
height: 100%;
}
.nd-content_inner1 {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.entry-image-attachment:hover .nd-icon,
.entry-image-attachment:hover .nd-content,
.entry-image-attachment:hover .nd-title {
opacity: 1;
top: 0;
}
.entry-image-attachment:hover .nd-title {
-webkit-transition: all 0.5s cubic-bezier(1, -0.53, 0.405, 1.425) 0.01s;
transition: all 0.5s cubic-bezier(1, -0.53, 0.405, 1.425) 0.01s;
}
.entry-image-attachment:hover .nd-content {
background: rgba(0, 0, 0, 0.5);
}
.nd-content .nd-icon:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.nd-style-1 .nd-icon {
top: 150px;
}
/*------------------------- 6. Category ----------------------------*/
.breadcrumb-row {
margin-bottom: 20px;
overflow: hidden;
}
.breadcrumb-medium h3.breadcrumb {
padding-bottom: 5px;
}
.breadcrumb-small h3.breadcrumb {
padding-bottom: 10px;
}
.breadcrumb a {
color: #555555;
font-weight: normal;
}
.breadcrumb span {
display: inline-block;
margin: 0 5px;
color: #ccc;
}
h3.breadcrumb {
margin: 0;
padding-top: 5px;
color: #2ecc71;
font-size: 80%;
text-transform: capitalize;
}
h4.breadcrumb a {
font-weight: normal;
}
h4.breadcrumb span {
font-size: 60%;
}
.cat_bg {
margin-bottom: 20px;
}
.sort-bar ul li {
display: inline-block;
margin-right: 5px;
}
.sort-bar .woocommerce-result-count {
display: none;
}
.sort-bar {
margin-bottom: 15px;
}
.woocommerce-result-count {
margin-right: 20px;
}
.woocommerce-result-count, .woocommerce-ordering {
display: inline-block;
margin-bottom: 0;
}
.woocommerce-ordering, .woocommerce-ordering .custom.dropdown, .woocommerce-ordering select {
margin: 0;
}
.product-category {
margin-bottom: 10px;
}
.product-category .inner {
position: relative;
}
.product-category img {
width: auto;
height: auto;
}
.product-category .header-title {
position: absolute;
bottom: 40px;
padding: 6px 0;
left: 0;
right: 0;
text-align: center;
background: #FFF;
background: rgba(255, 255, 255, 0.8);
-webkit-transition: background 200ms ease-out;
-moz-transition: background 200ms ease-out;
transition: background 200ms ease-out;
}
.product-category .header-title h3 {
text-transform: uppercase;
font-size: 110%;
font-weight: bolder;
}
.product-category .header-title h3 span {
color: #555;
font-weight: normal;
display: block;
font-size: 60%;
}
.product-category:hover .header-title {
background: #2ecc71;
}
.product-category:hover .header-title h3, .product-category:hover .header-title span {
color: #FFF;
}
li.product-item.grid2, li.product-item.grid3 {
margin-bottom: 0;
}
ul.products {
margin-bottom: 20px;
}
li.product-item {
padding: 0px 10px;
margin: 0 0 20px 0;
}
.product-item a {
padding: 0;
}
.product-gallery {
padding-right: 15px;
margin-right: 0px;
}
.product-gallery .product-img {
border: 1px solid #dddddd;
}
.product-item {
position: relative;
display: block;
}
.product-item h5 {
margin-bottom: 0px;
text-transform: uppercase;
font-size: 80%;
color: #999;
font-weight: bolder;
}
.product-item p {
margin-bottom: 5px;
line-height: 120%;
margin-top: 5px;
}
.product-item .info .name a {
font-size: 120%;
color: #000;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.product-item .info .name a:hover, .wishlist_table td.product-name a:hover {
color: #2ecc71;
}
.product-item .bery-hr {
border-width: 3px;
width: 20px;
margin: 4px auto 4px auto;
}
.product-item .info {
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}
.product-item.out-of-stock .add-to-cart-grid {
display: none;
}
.product-img .please-wait {
position: absolute;
left: 45%;
top: 45%;
margin: 0;
}
ul.slider .product-item .inner-wrap {
padding: 0px 15px;
}
.product-img {
position: relative;
display: block;
overflow: hidden;
}
.product-img .main-img {
display: block;
width: auto;
height: auto;
}
.product-img .main-img img {
min-width: 100%;
max-width: 101%;
width: auto;
height: auto;
display: block;
}
.product-img .back-image img {
min-width: 100%;
opacity: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: absolute;
top: 0;
width: auto;
height: auto;
display: block;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.product-img img.attachment-shop_catalog, .product-img img.attachment-shop_single, .product-img img.attachment-shop_thumbnail {
display: block;
width: 100%;
}
.product-img.hover_zoom_in:hover .back-image img {
zoom: 1;
-moz-transform: scale(1.3);
-moz-transform-origin: 50% 50%;
-o-transform: scale(1.3);
-o-transform-origin: 50% 50%;
-webkit-transform: scale(1.3);
-webkit-transform-origin: 50% 50%;
transform: scale(1.3);
transform-origin: 50% 50%;
}
.price {
font-size: 120%;
color: #2ecc71;
font-weight: bold;
line-height: 100%;
}
.price del span.amount, .price.large del span.amount {
font-size: 70%;
}
.price.large {
font-size: 190%;
margin-bottom: 20px;
}
.price del, .prod-price del {
color: #888;
font-weight: normal;
}
.price ins, .prod-price ins {
text-decoration: none;
}
.price .from {
font-weight: normal;
color: #888;
font-size: 80%;
}
.product-item .badge {
position: absolute;
right: 10px;
top: 0;
}
ul.slider .badge {
position: absolute;
right: 15px;
}
.badge .inner {
position: absolute;
display: inline-block;
width: 0;
height: 0;
background: none !important;
z-index: 2;
line-height: 0;
border: 2em solid transparent;
border-right: 2em solid #e74c3c;
border-top: 2em solid #e74c3c;
right: 0em;
top: 0em;
}
.badge .inner .inner-text {
color: white;
position: absolute;
top: -13px;
left: -5px;
font-size: 80%;
font-weight: normal;
text-transform: uppercase;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
writing-mode: lr-tb;
}
.out-of-stock-label {
position: absolute;
display: inline-block;
width: 0;
height: 0;
background: none !important;
z-index: 2;
border: 2em solid transparent;
border-right: 2em solid #2ecc71;
border-top: 2em solid #2ecc71;
right: 0em;
top: 0em;
}
.out-of-stock-label .text {
color: white;
position: absolute;
top: -25px;
right: -30px;
font-size: 60%;
font-weight: normal;
text-transform: uppercase;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
writing-mode: lr-tb;
}
.product-gallery .badge.large .inner {
border: 2.5em solid transparent;
border-right: 2.5em solid #e74c3c;
border-top: 2.5em solid #e74c3c;
}
.product-gallery .badge.large .inner .inner-text {
top: -15px;
left: -5px;
font-size: 100%;
}
.product-gallery .badge.large .inner {
position: absolute;
right: 15px;
}
.product-img .image-overlay, .product-thumbnail .image-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transition: transform 0.6s;
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
-o-transition: -o-transform 0.6s;
-ms-transition: -ms-transform 0.6s;
overflow: hidden;
display: block;
}
.quick-view.fa-search {
position: absolute;
font-size: 80%;
top: 70px;
left: -90px;
padding: 12px 10px 10px 12px;
display: block;
width: 35px;
height: 35px;
background: #fff !important;
color: #ccc;
-webkit-border-radius: 99px;
border-radius: 99px;
-webkit-transition: all 600ms ease-out;
-moz-transition: all 600ms ease-out;
transition: all 600ms ease-out;
}
.quick-view.fa-search:hover {
background: #2ecc71 !important;
color: #fff;
}
.product-item:hover .fa-shopping-cart {
left: 20px;
}
.product-item:hover .fa-search {
left: 25px;
}
.wishlist_table .product-thumbnail a img {
overflow: hidden;
}
.wishlist_table .product-thumbnail a img {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.wishlist_table .product-thumbnail a:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.add-to-cart-grid {
position: absolute;
top: 115px;
left: -120px;
display: block;
right: auto;
padding: 0;
margin: 0;
-webkit-transition: all 800ms ease-out;
-moz-transition: all 800ms ease-out;
transition: all 800ms ease-out;
}
.product-item:hover .add-to-cart-grid {
left: 25px;
}
.added_to_cart {
display: none;
}
.product-img .cart-icon strong {
margin: 0;
}
.add-to-cart-grid .cart-icon strong {
width: 35px;
height: 35px;
display: block;
padding: 7px 10px 10px 12px;
font-size: 80%;
-webkit-border-radius: 99px;
border-radius: 99px;
color: #ccc !important;
background: #fff;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.add-to-cart-grid .cart-icon strong:hover {
color: #FFF;
}
.add-to-cart-grid.added .fa-shopping-cart {
color: #FFF;
}
.add-to-cart-grid.added .fa-shopping-cart:before {
content: '\f00c';
font-family: "FontAwesome";
color: #FFF;
font-size: 80%;
}
.add-to-cart-grid.please-wait .fa-shopping-cart {
color: #FFF;
}
.yith-wcwl-add-to-wishlist {
position: absolute;
top: 25px;
left: -50px;
margin-top: 0;
z-index: 98;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.yith-wcwl-wishlistexistsbrowse .feedback, .yith-wcwl-wishlistaddedbrowse .feedback {
display: none;
}
.yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-add-button a.add_to_wishlist, .yith-wcwl-wishlistaddedbrowse a {
text-indent: -9999px;
display: block;
width: 30px;
height: 30px;
position: relative;
background: #fff;
-webkit-border-radius: 99px;
border-radius: 99px;
color: #ccc;
padding: 5px;
width: 35px;
height: 35px;
}
.yith-wcwl-wishlistexistsbrowse a:before, .yith-wcwl-add-button a.add_to_wishlist:before, .yith-wcwl-wishlistaddedbrowse a:before {
position: absolute;
left: 0;
right: 0;
top: 13px;
text-align: center;
text-indent: 0;
content: "\e000";
font-size: 10px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.yith-wcwl-add-to-wishlist a {
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.product-item:hover .yith-wcwl-add-to-wishlist {
left: 25px;
}
.yith-wcwl-add-to-wishlist a:hover {
background: #2ecc71;
color: #fff;
border-color: #2ecc71;
opacity: 1;
}
.yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a {
color: #fff;
background-color: #2ecc71;
}
.ajax-loading {
display: none !important;
}
.yith-wcwl-wishlistaddedbrowse span.feedback {
display: none !important;
}
.yith-wcwl-wishlistexistsbrowse .feedback, .yith-wcwl-wishlistaddedbrowse .feedback {
display: none;
}
.group-slider .yith-wcwl-add-to-wishlist {
right: 25px;
}
#yith-wcwl-popup-message {
background: #FFF;
border: 1px solid #ddd;
line-height: 50px;
padding: 15px;
font-size: 120%;
position: fixed;
text-align: center;
top: 50%;
left: 50%;
z-index: 10000;
}
#weekly-featured-product {
margin: 0px 15px 40px 15px;
}
.product-list {
margin-bottom: 10px;
}
.product-list .badge {
display: none;
}
.product-list .product-img {
position: relative;
border: 1px solid #eee;
}
.product-list .info {
margin-left: -15px;
}
.product-list .info .name {
font-size: 90%;
font-weight: normal;
margin-bottom: 10px;
color: #000;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.product-list .info .name:hover {
color: #2ecc71;
}
.product-list .star-rating {
font-size: 13px;
margin-top: -5px;
margin-bottom: 8px;
}
.product-item:hover .image-overlay, .product-list .product-img:hover .image-overlay {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transition: transform 0.4s;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
-ms-transition: -ms-transform 0.4s;
}
.add-to-cart-grid-style2 {
margin-top: 10px;
width: 100px;
background: #ccc;
display: block;
padding: 5px 7px 8px 12px;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.add-to-cart-grid-style2:hover {
background: #2ecc71;
cursor: pointer;
}
.add-to-cart-grid-style2 .cart-icon strong {
font-size: 70%;
color: #fff;
font-weight: normal;
}
.add-to-cart-grid-style2.added, .add-to-cart-grid-style2.loading {
background: #2ecc71;
}
.add-to-cart-grid-style2.loading strong {
display: none;
}
.add-to-cart-grid-style2.loading:before {
content: "PROCESSING";
color: #fff;
font-size: 70%;
}
.product-list .yith-wcwl-add-to-wishlist {
display: none;
position: absolute;
left: 0;
top: 74px;
width: 70px;
}
.product-list .quick-view.fa-search {
z-index: 10;
position: absolute;
font-size: 80%;
top: -50%;
left: 35%;
padding: 12px 10px 10px 12px;
display: block;
width: 35px;
height: 35px;
background: rgba(0, 0, 0, 0.5) !important;
color: #ccc;
-webkit-border-radius: 99px;
border-radius: 99px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.product-list .product-img .quick-view.fa-search:hover {
background: #2ecc71;
color: #fff;
}
.product-list .product-img:hover .fa-search {
top: 35%;
}
/*------------------------- 7. Product -----------------------------*/
.single_variation_wrap {
display: none;
}
.single_variation_wrap .single_variation {
margin-bottom: 15px;
}
.zoom-button {
z-index: 98;
opacity: 0.1;
font-size: 16px;
left: 30px;
bottom: 30px;
border: 1px solid #000;
color: #000;
-webkit-border-radius: 99px;
border-radius: 99px;
position: absolute;
padding: 10px;
cursor: pointer;
}
.zoom-button:hover {
opacity: 1;
}
.product-zoom-lightbox .mfp-img {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.product-page-aside {
padding-top: 7px;
}
.product-page-aside h6 {
font-size: 11px;
text-transform: uppercase;
}
.product-page-aside .product {
opacity: 0.7;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
margin-bottom: 10px;
}
.product-page-aside .product:hover {
opacity: 1;
}
.up-sell.large-block-grid-2 li {
padding: 0px 3px 6px 3px;
margin-bottom: 0px;
}
.up-sell.large-block-grid-2 li img {
display: block;
}
.up-sell .product.small {
position: relative;
}
.product-sidebar-right > .inner {
border-left: 1px solid #EEE;
padding-left: 30px;
}
.product-sidebar-left > .inner {
border-right: 1px solid #EEE;
padding-right: 30px;
}
.product-page .size-chart {
font-size: 80%;
font-weight: normal;
}
.product-page .custom.dropdown {
width: 80%;
}
.product-page .text-center .custom.dropdown {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.product-page .prefix.last {
-webkit-border-radius: "0px 10px 0px 10px";
border-radius: "0px 10px 0px 10px";
}
.product-info .breadcrumb {
display: none;
}
.product-info h4 span {
color: #999;
text-transform: none;
}
.product-info h4 a {
font-size: 70%;
text-transform: uppercase;
}
.product-info .yith-wcwl-add-to-wishlist {
display: none;
}
.shop_attributes th {
width: 100px;
}
.shop_attributes tr {
border-bottom: 1px solid #eeeeee;
}
.shop_attributes p {
margin: 0;
}
.product-details.sections-style {
border: 0;
}
.product-details .pos_pills {
margin-top: 30px;
}
.product_meta > span {
display: block;
border-top: 1px dotted #dddddd;
padding: 7px 0;
font-size: 80%;
}
.variations .value {
margin-left: 0;
}
.variations .value .minus, .variations .value .plus {
display: none;
}
.variations select {
margin-bottom: 0;
}
.variations td {
vertical-align: middle;
}
.variations label {
font-size: 95%;
font-weight: bolder;
margin: 0;
}
.variations .reset_variations {
display: none;
}
.variations .select-wrapper {
width: 90%;
}
.related-product h2 {
text-transform: uppercase;
padding-top: 0;
}
.product-page-sections h5 {
text-transform: uppercase;
opacity: 0.6;
color: #111;
}
.product-page-sections #reviews h2 {
display: none;
}
.product-page-sections #reviews hr {
display: none;
}
.product-page-sections .entry-content {
margin-top: 0;
}
.tabs_vertical-style h3 {
border-bottom: 0;
padding-bottom: 15px;
}
.tabs_vertical-style #reviews > .row {
margin: 0;
}
.tabs_vertical-style #add_review.large-5 {
padding-left: 15px;
}
.next-prev-nav {
text-align: right;
position: relative;
margin-bottom: 30px;
}
.next-prev-nav .prod-dropdown > a {
font-size: 16px;
line-height: 16px;
display: block;
padding-top: 2px;
text-align: center;
width: 25px;
height: 25px;
border: 2px solid;
display: inline-block;
-webkit-border-radius: 99px;
border-radius: 99px;
color: #ccc;
}
.next-prev-nav .prod-dropdown > a:hover {
border-color: #2ecc71;
background-color: #2ecc71;
color: #FFF;
}
.prod-dropdown {
display: inline-block;
z-index: 99;
}
.prod-dropdown .nav-dropdown {
left: auto;
right: 0px;
width: auto;
padding: 3px;
margin: 0px;
}
.prod-dropdown .nav-dropdown img {
width: auto;
display: block;
}
.woocommerce-product-rating {
display: none;
}
#reviews .star-rating, #reviews p.meta {
display: inline-block;
}
#reviews p.meta {
margin-bottom: 5px;
}
#reviews h2 {
font-size: 130%;
font-weight: normal;
}
#reviews h2 strong {
font-weight: bolder;
}
#review_form {
background: #FFF;
margin: 0 auto;
padding: 40px;
}
textarea#comment {
height: 100px;
}
#add_review .inner {
position: relative;
background: #fff;
}
.review-item {
position: relative;
border-bottom: 2px dotted #eeeeee;
margin-bottom: 15px;
font-size: 90%;
min-height: 85px;
padding-left: 90px;
}
.review-item .avatar {
position: absolute;
left: 0;
top: -5px;
}
.review-item .description {
color: #555;
font-style: italic;
font-family: georgia;
font-size: 105%;
padding-right: 20%;
}
.woocommerce p.stars:after, .woocommerce-page p.stars:after {
content: "";
display: block;
clear: both;
}
.woocommerce p.stars span, .woocommerce-page p.stars span {
width: 80px;
height: 16px;
position: relative;
float: left;
background: url(star.png) repeat-x left 0;
}
.woocommerce p.stars span a, .woocommerce-page p.stars span a {
float: left;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 0;
padding-top: 16px;
overflow: hidden;
}
.woocommerce p.stars span a:hover, .woocommerce-page p.stars span a:hover, .woocommerce p.stars span a:focus, .woocommerce-page p.stars span a:focus {
background: url(star.png) repeat-x left -16px;
}
.woocommerce p.stars span a.active, .woocommerce-page p.stars span a.active {
background: url(star.png) repeat-x left -32px;
}
.woocommerce p.stars span a.star-1, .woocommerce-page p.stars span a.star-1 {
width: 16px;
z-index: 10;
}
.woocommerce p.stars span a.star-2, .woocommerce-page p.stars span a.star-2 {
width: 32px;
z-index: 9;
}
.woocommerce p.stars span a.star-3, .woocommerce-page p.stars span a.star-3 {
width: 48px;
z-index: 8;
}
.woocommerce p.stars span a.star-4, .woocommerce-page p.stars span a.star-4 {
width: 64px;
z-index: 7;
}
.woocommerce p.stars span a.star-5, .woocommerce-page p.stars span a.star-5 {
width: 80px;
z-index: 6;
}
.product-gallery {
margin-bottom: 25px;
}
.yith_magnifier_zoom_wrap {
z-index: 8;
}
.product-addon {
width: 100%;
border-top: 1px solid #eee;
padding-top: 15px;
font-size: 90%;
}
.product-addon > h3 {
font-size: 14px;
}
.product-addon .select-wrapper {
width: 90%;
}
.product-addon input {
margin-bottom: 3px;
}
/*------------------------- 8. Cart --------------------------------*/
li.mini-cart .nav-dropdown {
right: 15px;
width: 300px;
z-index: 9999;
}
.cart-icon {
display: inline-block;
position: relative;
}
li.mini-cart:hover .cart-icon .cart-icon-handle {
top: -12px;
}
strong.cart-name, span.cart-price {
color: #000;
opacity: 0.6;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.active strong.cart-name, .active span.cart-price {
color: #000;
opacity: 1;
}
a.cart_list_product_img {
display: block;
height: 70px;
overflow: hidden;
padding: 0;
margin-bottom: 5px;
margin-right: 10px;
}
.mini-cart.active .cart-icon strong {
background-color: #FFF !important;
}
.mini-cart .fa-shopping-cart, .search-dropdown .fa-search {
color: #484848;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.mini-cart .cart-inner .separator {
color: #dbdbdb;
font-size: 80%;
margin-right: 10px;
margin-left: 10px;
}
li.mini-cart.active .fa-shopping-cart {
color: #2ecc71;
}
li.search-dropdown.active .fa-search {
color: #2ecc71;
}
.cart-inner .nav-dropdown {
padding: 0px;
border-top: 2px solid #2ecc71;
}
li.mini-cart .cart_list {
max-height: 450px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mini-cart-item {
padding: 15px 15px 5px 15px;
border-bottom: 1px solid #dddddd;
line-height: 100%;
}
.mini-cart-item a:hover {
text-decoration: none;
}
.cart-inner p.empty {
margin: 0;
white-space: normal;
}
.cart-inner .spinner {
position: relative;
}
.mini-cart .nav-dropdown .cart_list p {
padding: 15px;
}
.custom-cart-inner {
display: block;
width: 42px;
padding-left: 32px;
position: relative;
}
.custom-cart-icon {
position: absolute;
right: 0;
bottom: -10px;
max-width: 32px;
}
.custom-cart-count {
position: absolute;
font-size: 70%;
display: block;
text-align: center;
height: 20px;
width: 20px;
right: 0;
z-index: 3;
bottom: 5px;
right: -10px;
color: #FFF;
background-color: #e74c3c;
padding-top: 4px;
font-weight: bold;
-webkit-border-radius: 33px;
border-radius: 33px;
}
.mini-cart:hover .custom-cart-count {
background: #000;
}
.mini-cart-item .remove .icon-close {
float: right;
margin-top: 20px;
border: 1px solid #dddddd;
display: block;
height: 20px;
width: 20px;
text-align: center;
color: #dddddd;
padding-top: 4px;
-webkit-border-radius: 99px;
border-radius: 99px;
line-height: 10px;
font-size: 10px;
display: inline-block;
}
.remove .icon-close {
border: 1px solid #dddddd;
display: block;
height: 20px;
width: 20px;
text-align: center;
color: #dddddd;
padding-top: 4px;
-webkit-border-radius: 99px;
border-radius: 99px;
line-height: 10px;
font-size: 10px;
display: inline-block;
}
.remove .icon-close:hover {
border-color: #2ecc71;
color: #2ecc71;
}
.cart_list_product_price {
position: absolute;
right: 0px;
}
.mini-cart-item a.cart_list_product_title {
display: block;
font-size: 80%;
margin: 0;
padding: 0 20px 0 0;
white-space: pre-wrap;
font-weight: normal;
}
.mini-cart-item .cart_list_product_quantity, .mini-cart-item .cart_list_product_price {
font-size: 80%;
display: inline-block;
text-transform: capitalize;
color: #2ecc71;
}
.mini-cart-item .cart_list_product_price {
font-weight: bold;
}
.minicart_total_checkout {
background: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
text-align: left;
left: 0px;
padding: 10px 15px 15px 15px;
margin-bottom: 10px;
text-transform: capitalize;
height: 50px;
}
.minicart_total_checkout span.amount {
color: #2ecc71;
position: absolute;
right: 10px;
font-weight: bold;
display: inline-block;
margin-left: 5px;
}
.mini-cart .nav-dropdown .btn-mini-cart {
padding: 5px 15px;
position: relative;
font-size: 90%;
}
.mini-cart .nav-dropdown .btn-mini-cart .button {
padding: 12px 19px;
}
.mini-cart .nav-dropdown .btn-mini-cart .button {
color: #FFF;
margin-bottom: 10px;
display: inline-block;
margin-right: 9px;
}
.mini-cart .nav-dropdown .btn-mini-cart .btn-checkout:after {
content: "\f054";
font-family: "FontAwesome";
margin-left: 10px;
font-size: 80%;
}
.mini-cart .nav-dropdown .btn-mini-cart .btn-viewcart:before {
content: "\f07a";
font-family: "FontAwesome";
margin-right: 10px;
}
table tr {
border-bottom: 1px dotted #dddddd;
}
.shop_table .product-thumbnail img {
width: 90px;
padding: 0 30px 0 10px;
}
.shop_table dl.variation {
margin: 0;
font-size: 80%;
opacity: 0.6;
}
.shop_table dl.variation dt, .shop_table dl.variation dd {
display: inline-block;
margin: 0;
}
.shop_table dl.variation dt {
margin-right: 5px;
}
.shop_table dl.variation dd {
margin-right: 10px;
}
.shop_table .product-price {
padding-right: 20px;
}
.shop_table .product-subtotal {
font-weight: bold;
}
.shop_table.cart td.product-name {
padding: 0 0px;
font-size: 100%;
width: 35%;
}
.shop_table td.product-quantity .quantity {
display: inline-block;
}
.shop_table.order_details .product-total {
text-align: right;
}
.shop_table .total {
color: #222;
}
.shop_table .shipping td {
font-weight: normal;
}
/* -- quantity box -- */
.quantity {
display: inline-block;
margin-top: 0px;
}
.quantity .input-text.qty {
width: 41px;
height: 41px;
padding: 0 5px;
text-align: center;
}
.quantity.buttons_added {
text-align: left;
position: relative;
white-space: nowrap;
vertical-align: top;
}
.quantity.buttons_added input {
display: inline-block;
margin: 0;
vertical-align: top;
}
.quantity.buttons_added .plus, .quantity.buttons_added .minus {
display: none;
}
.cart_totals .order-total, .shop_table .order-total {
vertical-align: center;
}
.cart_totals td {
text-align: center;
}
.cart_totals th {
padding-left: 15px;
}
.cart_totals h2 {
padding-bottom: 10px;
text-transform: uppercase;
font-size: 100%;
}
.checkout_table_item .product-total {
text-align: right;
font-weight: bold;
}
.cart_totals p {
line-height: 100%;
}
.shop_table tfoot th {
text-transform: uppercase;
font-size: 80%;
}
.shop_table tfoot td {
text-align: right;
font-weight: bold;
}
ul#shipping_method {
margin-bottom: 0;
}
ul#shipping_method li {
list-style: none;
line-height: 90%;
padding: 5px 0;
}
ul#shipping_method li input, ul#shipping_method li label {
display: inline;
}
ul#shipping_method li input {
margin: 0 5px 0 0;
}
.cart-wrapper table {
border-collapse: collapse;
}
.cart-wrapper table, .cart-wrapper td, .cart-wrapper th {
border: 1px solid #ccc;
}
.cart-wrapper td, .cart-wrapper th {
text-align: center;
vertical-align: middle;
}
.shop_table {
margin-top: 4px;
}
.shop_table thead {
text-transform: uppercase;
color: #333;
}
.items_found_cart {
margin-bottom: 15px;
display: block;
}
.coupon h3 {
margin-bottom: 7px;
padding-bottom: 10px;
}
.cart-sidebar .cart_totals table {
border-collapse: collapse;
}
.cart-sidebar .cart_totals table, .cart-sidebar .cart_totals td, .cart-sidebar .cart_totals th {
border: 1px solid #dddddd;
}
.cart-sidebar .button {
margin-bottom: 10px;
}
.cart-sidebar .widget-title {
padding-bottom: 10px;
}
.checkout-button {
margin-bottom: 30px;
}
a.shipping-calculator-button {
text-transform: uppercase;
font-size: 80%;
margin-top: 15px;
padding-top: 5px;
border-top: 1px solid #dddddd;
display: block;
width: 100%;
}
a.shipping-calculator-button:before {
font-family: 'icomoon';
content: "\e00c";
margin-right: 5px;
font-size: 10px;
position: relative;
top: -2px;
}
.cross-sells h2 {
font-size: 100%;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 15px;
padding-top: 15px;
border-top: 3px solid #dddddd;
}
.cross-sells ul {
margin-left: 0;
}
.cross-sells .row > .columns {
padding: 0;
}
.woocommerce-cart .return-to-shop {
text-align: center;
}
.woocommerce-cart .cart-empty {
text-align: center;
}
.woocommerce address br {
margin-top: 10px;
}
/*------------------------- 9. Checkout page------------------------*/
.checkout-breadcrumb {
width: 100%;
border-bottom: 1px solid #E1E6EB;
text-align: center;
margin-bottom: 30px;
}
.checkout-breadcrumb a {
color: #454545;
}
.checkout-breadcrumb div {
width: 25%;
display: inline-block;
}
.checkout-breadcrumb div span {
margin: 0 auto;
display: block;
border: 1px solid #eee;
-webkit-border-radius: 999px;
border-radius: 999px;
height: 36px;
width: 36px;
padding: 6px 0 0 0px;
font-size: 20px;
}
.checkout-breadcrumb div p {
text-align: center;
margin: 20px auto 0 auto;
line-height: 1.4;
}
.checkout-breadcrumb span {
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.checkout-breadcrumb div:hover span {
background: #2ecc71;
border-color: #2ecc71;
color: #fff;
}
.checkout-breadcrumb div:hover p {
color: #3c4043;
font-weight: 700;
}
.woocommerce-cart .title-cart span, .woocommerce-checkout .title-checkout span, .woocommerce-checkout .title-cart span {
background-color: #2ecc71;
color: #fff;
border-color: #2ecc71;
}
.woocommerce-cart .title-cart p, .woocommerce-checkout .title-checkout p, .woocommerce-checkout .title-cart p {
border-bottom: 2px solid #2ecc71;
padding-bottom: 10px;
margin-bottom: 0px;
color: #3c4043;
font-weight: 700;
}
#order_review table {
border-collapse: collapse;
}
#order_review table, #order_review th, #order_review td {
border: 1px solid #dddddd;
padding: 10px 15px 10px 15px;
}
#order_review th.product-total, #order_review td.product-total {
text-align: right;
}
.woocommerce .checkout-group label {
font-weight: bold;
}
#order_review_heading, .checkout-group h3 {
color: #2ecc71;
font-size: 130%;
text-transform: uppercase;
padding: 8px 0 10px;
margin-bottom: 15px;
width: 98.5%;
border-bottom: 1px solid #eeeeee;
}
.checkout-group h3:before, .order-review h3:before {
content: "\f107";
font-family: 'icomoon';
margin-right: 10px;
}
.woocommerce-checkout .entry-title {
width: 50%;
display: inline-block;
}
.woo-billing p {
display: inline-block;
margin-bottom: 25px;
width: 98.5%;
}
.woo-billing p input {
margin-bottom: 0px;
}
#billing_address_1_field {
margin-bottom: 10px;
}
#billing_first_name_field, #billing_last_name_field, #billing_email_field, #billing_phone_field {
width: 49%;
}
#billing_first_name_field, #billing_email_field {
padding-right: 2%;
}
label.checkbox {
display: inline-block;
margin-left: 10px;
font-weight: normal;
}
p.create-account-row {
display: inline-block;
width: 98.5%;
padding: 15px 0 10px;
border-bottom: 1px solid #dddddd;
}
.input-checkbox {
display: inline-block;
}
#order_comments {
width: 98.5%;
height: 300px;
}
h3#ship-to-different-address {
font-size: 100%;
border-width: 1px;
}
h3#ship-to-different-address:before {
display: none;
}
h3#ship-to-different-address label.checkbox {
margin-left: 0;
}
h3#ship-to-different-address input {
margin-bottom: 0;
margin-left: 10px;
}
h3#ship-to-different-address:hover {
color: #000;
}
.order-review h3 {
padding: 0 0 10px;
color: #2ecc71;
text-transform: uppercase;
}
ul.payment_methods {
margin: 0 0 30px 0;
}
ul.payment_methods .input-radio {
margin-bottom: 15px;
}
ul.payment_methods li {
list-style: none;
border-bottom: 1px solid #dddddd;
padding-top: 5px;
}
ul.payment_methods li label {
display: inline-block;
margin-left: 10px;
}
ul.payment_methods p {
font-size: 80%;
line-height: 110%;
opacity: 0.8;
}
input#calc_shipping_postcode {
font-size: 100%;
}
.shipping-calculator-form button.button {
font-size: 110%;
}
.form-row.terms {
position: relative;
}
.form-row.terms .checkbox {
padding-left: 25px;
margin: 0;
}
.form-row.terms .input-checkbox {
position: absolute;
left: 0px;
top: 4px;
}
.page-checkout .woocommerce-info {
margin-bottom: 0;
padding-top: 0;
}
a.chzn-single {
background: #FFF;
-webkit-border-radius: 0px;
}
.woocommerce-checkout .form-row .chzn-container-single .chzn-single {
height: 32px;
line-height: 33px;
}
.woocommerce ul.order_details li {
font-size: 80%;
}
.woocommerce dl.customer_details {
font-size: 80%;
}
.woocommerce address {
font-style: normal;
}
.address {
font-size: 80%;
}
address {
margin-top: 10px;
}
.slogan-wrapper {
display: block;
text-align: center;
vertical-align: middle;
height: 210px;
padding: 80px 0px 60px 0px;
background-image: url("cart-checkout-slogan.jpg");
}
.slogan-wrapper .slogan-cart {
text-align: center;
height: 20px;
background: transparent;
color: #fff;
padding: 15px;
border: 2px solid #fff;
}
.slogan-wrapper span.slogan-cart:before {
content: '\F07a';
font-family: "FontAwesome";
font-size: 100%;
color: #fff;
margin-right: 15px;
}
/*------------------------- 10. Sliders ----------------------------*/
.iosSlider {
position: relative;
top: 0;
left: 0;
-webkit-transition: min-height 500ms ease-out;
-moz-transition: min-height 500ms ease-out;
transition: min-height 500ms ease-out;
margin-bottom: 30px;
}
.content_slider_wrap {
position: relative;
}
.iosSlider .slider {
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent;
}
.iosSlider .slider .slide {
float: left;
width: 100%;
}
.iosSlider.default {
position: relative;
height: 300px;
min-height: 300px;
overflow: hidden;
width: 100%;
position: relative;
top: -1px;
}
.iosSlider.blog-posts {
height: 200px;
min-height: 300px;
overflow: hidden;
width: 100%;
}
.iosSlider.product-gallery-slider {
height: 500px;
min-height: 500px;
overflow: hidden;
width: 100%;
}
.iosSlider .slider > .bery_banner, .iosSlider .slider > .row {
float: left;
width: 100%;
height: 100%;
}
.iosSlider .slider > a {
display: block;
}
.iosSlider .slider > a img {
width: 100%;
}
.cat-header .iosSlider {
margin-bottom: 15px;
}
.iosSlider .product-img .main-img img, .iosSlider .product-img .back-image img {
width: 100%;
}
.slider > .columns {
padding: 0 !important;
}
.product-gallery-slider {
overflow: hidden;
margin-bottom: 0px;
}
.product-gallery-slider .slide img {
width: 100%;
}
.product-gallery-slider .sliderNav.small a {
background: none;
box-shadow: none;
width: 15%;
}
.product-gallery-slider .sliderNav.small a.nextSlide span {
left: 15px;
border: 0;
line-height: 28px;
}
.product-gallery-slider .sliderNav.small a.prevSlide span {
right: 15px;
border: 0;
line-height: 28px;
}
.product-thumbnails .sliderNav.small a {
bottom: 10px;
background: none;
box-shadow: none;
}
.product-thumbnails .sliderNav.small a.disabled.nextSlide {
left: -50px;
}
.product-thumbnails .sliderNav.small a.disabled.prevSlide {
right: -50px;
}
.product-thumbnails .sliderNav.small a span {
top: 40%;
border: 0;
line-height: 28px;
}
.product-thumbnails {
margin-top: 15px;
width: 100%;
overflow: hidden;
margin-bottom: 0;
white-space: nowrap;
}
.product-thumbnails .thumb {
width: 116px;
overflow: hidden;
border: 1px solid #eeeeee;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
margin: 0 15px 0 0;
display: inline-block;
opacity: 0.5;
}
.product-thumbnails .thumb img {
display: block;
width: 100%;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.product-thumbnails .thumb:hover img, .product-thumbnails .thumb.selected img {
margin-top: -10px;
}
.product-thumbnails .thumb:hover, .product-thumbnails .thumb.selected {
opacity: 1;
border-color: #ccc;
}
.iosSlider .sliderNav a {
z-index: 2;
width: 7%;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.iosSlider .sliderNav a span {
opacity: 0.5;
background: #000;
display: block;
line-height: 35px;
position: absolute;
top: 45%;
font-size: 20px;
width: 38px;
height: 38px;
text-align: center;
border: 1px none #fff !important;
-webkit-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.iosSlider .sliderNav a:hover span {
opacity: 0.7;
background: #000;
color: #FFF;
}
.iosSlider:hover .sliderNav a {
opacity: 0.5;
}
.iosSlider .sliderNav a:hover {
opacity: 0.7;
}
.iosSlider .sliderNav a.nextSlide {
left: -28px;
}
.iosSlider .sliderNav a.prevSlide {
right: -28px;
}
.iosSlider .sliderNav a.nextSlide span {
left: 30%;
padding-right: 3px;
}
.iosSlider .sliderNav a.prevSlide span {
right: 30%;
padding-left: 3px;
}
#content b > .row.container .content_slider_wrap .iosSlider .sliderControlls.hide_nav .sliderNav {
display: none;
}
.sliderNav.small a {
width: 0px;
}
.sliderNav.small a.disabled {
opacity: 0;
}
.product-img .sliderNav a {
top: 100px;
bottom: 100px;
}
.iosSlider:hover .sliderNav.small a span {
opacity: 0.7;
}
.sliderNav.small a.nextSlide {
left: 15px;
}
.sliderNav.small a.prevSlide {
right: 15px;
}
.sliderNav.small a span {
opacity: 0;
border-color: #000;
color: #fff;
height: 30px;
width: 30px;
line-height: 24px;
}
.sliderNav.small a.nextSlide span {
left: 0px;
padding-left: 3px;
}
.sliderNav.small a.prevSlide span {
right: 0px;
padding-left: 3px;
}
.iosSlider .sliderNav.simple a {
border: 0;
}
.iosSlider .sliderNav.simple a span {
line-height: 26px;
}
.iosSlider .sliderNav.dark a {
color: #777;
}
.iosSlider .sliderNav.simple a.nextSlide {
left: 10px;
}
.iosSlider .sliderNav.simple a.prevSlide {
right: 10px;
}
.group-slider {
position: relative;
margin-bottom: 15px !important;
}
.group-slider .product-item, .group-slider .product-category, .group-slider .featured-item {
padding: 0;
}
.group-slider .product-item > a, .group-slider .product-category a {
display: block;
padding: 0 15px;
}
.group-slider .featured-item.style_1 a {
margin: 0 15px;
}
.group-slider .product-category .header-title {
left: 15px;
right: 15px;
}
.group-slider .slider {
margin: 0;
}
.group-slider .blog_shortcode_item {
padding: 0;
}
.group-slider .blog_shortcode_item a {
display: block;
padding: 0 15px;
}
.group-slider .sliderNav a span {
top: 30%;
}
.category-slider .sliderNav a span, .featured-items-slider .sliderNav a span {
top: 45%;
}
.blog-posts .sliderControlls {
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.blog-posts:hover .sliderControlls {
opacity: 1;
}
.featured-items-slider.style-2 .sliderNav span {
margin: 0 10px;
}
.group-slider .info.style-grid2 {
padding-left: 15px;
}
.group-slider .badge.style2 {
left: 15px;
}
.group-slider .badge.style3 {
left: 25px;
}
.sliderBullets {
position: absolute;
bottom: 25px;
left: 10%;
right: 10%;
text-align: center;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
z-index: 2;
}
.sliderBullets .bullet, .flipContainer .pager span.dot {
display: inline-block;
height: 13px;
width: 13px;
margin: 0 2px;
border: 3px solid #fff;
opacity: 0.5;
-webkit-border-radius: 99px;
border-radius: 99px;
-webkit-transition: background 200ms ease-out;
-moz-transition: background 200ms ease-out;
transition: background 200ms ease-out;
}
.sliderBullets .bullet.active, .sliderBullets .bullet:hover, .flipContainer .pager span.dot.current {
opacity: 1;
background: #2ecc71;
cursor: pointer;
}
.iosSlider.small-slider .sliderBullets {
display: none !important;
}
.shortcode_tabgroup .group-slider .sliderNav {
top: -50px;
}
/*------------------------- 11. Banners ----------------------------*/
.bery_banner-grid {
margin-left: -7px !important;
margin-right: -7px !important;
margin-bottom: 20px !important;
}
.bery_banner-grid .columns {
margin-right: -1px;
}
.bery_banner-grid .columns > div {
margin-left: 7px;
margin-right: 7px;
}
.bery_banner-grid .bery_banner {
margin-bottom: 15px;
display: block;
}
.bery_banner-grid .columns > img {
margin-bottom: 10px;
}
#content > .bery_block > .bery_banner, #content > .bery_banner {
margin-bottom: 30px;
}
.bery_banner .inner.animated {
opacity: 0;
}
.bery_banner {
line-height: 140%;
display: block;
position: relative;
overflow: hidden;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.bery_banner.light {
background: #f9f9f9;
}
.bery_banner .banner-bg, .bery_bg .banner-bg {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-ms-behavior: url(backgroundsize.htc);
}
.bery_banner .banner-effect {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
overflow: hidden;
background-color: transparent;
}
.bery_banner.full-height {
height: 100vh;
}
.bery_banner.bg-trans {
background: transparent;
}
.bery_banner .row {
position: relative;
height: 100%;
z-index: 2;
}
.bery_banner .inner {
white-space: normal;
z-index: 3;
position: absolute;
left: 10%;
bottom: 10%;
right: 10%;
margin: 0 auto;
}
.bery_bg {
position: relative;
overflow: hidden;
}
.bery_bg .banner-bg.bery_parallax, .bery_banner .banner-bg.bery_parallax {
background-position: top;
background-attachment: scroll !important;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
opacity: 0;
}
.bery_bg .bery_bg_content {
z-index: 10;
position: relative;
}
#content .slider .bery_bg {
padding-left: 0;
padding-right: 0;
}
.bery_parallax.parallax-active {
opacity: 1;
}
.parallax_img_inner {
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.bery-bg-title {
text-align: center;
position: relative;
bottom: -26px;
z-index: 99;
}
.bery-bg-title span {
color: #2ecc71;
font-size: 80%;
display: inline-block;
background: #FFF;
text-transform: uppercase;
padding: 5px 15px;
border: 2px solid #2ecc71;
}
html[data-useragent*='iPad'] .bery_bg .banner-bg.bery_parallax, html[data-useragent*='iPad'] .bery_banner .banner-bg.bery_parallax, html[data-useragent*='iPhone'] .bery_bg .banner-bg.bery_parallax, html[data-useragent*='iPhone'] .bery_banner .banner-bg.bery_parallax {
background-position: 50% 50% !important;
background-size: cover !important;
background-attachment: inherit !important;
}
.bery_banner .button {
margin: 15px 5px 10px 5px;
}
.bery_banner .text-right .button {
margin: 15px 0 10px 10px;
}
.bery_banner .text-left .button {
margin: 15px 10px 10px 0px;
}
.bery_banner .center {
bottom: 50%;
top: auto;
text-align: center;
}
.bery_banner .left {
left: 5%;
right: auto;
text-align: left;
}
.bery_banner .far-left {
left: 20px;
right: auto;
text-align: left;
}
.bery_banner .right {
left: auto;
right: 10%;
text-align: right;
}
.bery_banner .far-right {
left: auto;
right: 20px;
text-align: right;
}
.bery_banner .center .bery-hr {
margin: 0 auto;
}
.bery_banner .left .bery-hr, .bery_banner .far-left .bery-hr {
margin: 0 auto 0 0;
}
.bery_banner .right .bery-hr, .bery_banner .far-right .bery-hr {
margin: 0 0 0 auto;
}
.bery_banner .text-center .bery-hr {
margin: 0 auto;
}
.bery_banner .text-left .bery-hr {
margin: 0 auto 0 0;
}
.bery_banner .text-right .bery-hr {
margin: 0 0 0 auto;
}
.bery_banner .bery-hr {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.bery_banner .inner.top {
top: 12%;
margin: 0 auto;
bottom: auto;
}
.bery_banner .inner.bottom {
bottom: 12%;
margin: 0 auto;
top: auto;
}
.bery_banner .inner.far-bottom {
bottom: 0;
top: auto;
}
.bery_banner .inner.far-top {
top: 0;
bottom: auto;
}
.bery_banner .inner.full-width {
left: 0;
right: 0;
width: 100%;
}
.text-box-dark:before {
box-shadow: -10px 0px 0px #000;
display: inline-block;
width: 10px;
content: " ";
}
.text-box-dark {
background: #000;
color: #FFF;
display: inline;
line-height: 120%;
box-shadow: 10px 0px 0px #000;
}
.text-box-light:before {
box-shadow: -10px 0px 0px #FFF;
display: inline-block;
width: 10px;
content: " ";
}
.text-box-light {
background: #FFF;
color: #111;
display: inline;
line-height: 120%;
box-shadow: 10px 0px 0px #FFF;
}
.text-box-primary {
background: #2ecc71;
color: #fff;
display: inline;
line-height: 140%;
}
.text-box-dark:after, .text-box-light:after, .text-box-primary:after {
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0;
}
.dark .text-box-light {
color: #000;
}
.bery_banner .badge {
left: auto;
right: 70px;
top: 30px;
}
.bery_banner .text-boxed {
-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.bery_text {
display: table;
height: 100%;
width: 100%;
}
.bery_text .inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.bery_text.top .inner {
vertical-align: top;
}
.bery_text.bottom .inner {
vertical-align: bottom;
}
.bery_text.text-center {
margin: 0 auto;
}
.text-bordered-white, .text-bordered-primary, .text-bordered-dark {
border: 3px solid #FFF;
padding: 15px;
}
.text-bordered-dark {
border-color: #000;
}
.bery_banner .banner-bg {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.bery_banner.hover_fade:hover .banner-bg {
opacity: 0.3;
}
.bery_banner.hover_zoom:hover .banner-bg {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.bery_banner h1, .bery_text h1 {
font-weight: bolder;
font-size: 350%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner h2, .bery_text h2 {
font-size: 300%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner h3, .bery_text h3 {
font-size: 200%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner h4, .bery_text h4 {
font-size: 150%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner h5, .bery_text h5 {
font-size: 100%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner h6, .bery_text h6 {
font-size: 60%;
line-height: 100%;
margin: 7px 0;
}
.bery_banner p {
font-size: 60%;
line-height: 120%;
}
.bery_banner h1.h-large, .bery_text h1.h-large {
font-size: 650%;
line-height: 85%;
padding: 0px;
}
.bery_banner h1.h-xlarge, .bery_text h1.h-xlarge {
font-size: 1200%;
line-height: 85%;
padding: 0px;
}
.bery_banner h1.h-xxlarge, .bery_text h1.h-xxlarge {
font-size: 1500%;
line-height: 85%;
padding: 0px;
}
.large-1 .bery_banner, .large-2 .bery_banner {
font-size: 6px;
}
.large-3 .bery_banner {
font-size: 8px;
}
.large-4 .bery_banner {
font-size: 8px;
}
#welcome-popup .bery_banner, .large-5 .bery_banner {
font-size: 13px;
}
.large-6 .bery_banner {
font-size: 14px;
}
.large-7 .bery_banner {
font-size: 14px;
}
.large-8 .bery_banner {
font-size: 14px;
}
.large-9 .bery_banner {
font-size: 14px;
}
.large-1 .bery_banner .button, .large-2 .bery_banner .button,
.large-3 .bery_banner .button, .large-4 .bery_banner .button {
font-size: 140%;
}
@media only screen and (max-width: 500px) {
.bery_banner .inner {
min-width: 60% !important;
}
.bery_banner .button-row .button {
display: block;
margin: 0 0 5px;
}
.bery_banner {
font-size: 9px;
}
.bery_banner p, .bery_banner .button {
font-size: 130%;
}
}
@media only screen and (min-width: 500px) {
.bery_banner {
font-size: 10px;
}
.bery_banner p, .bery_banner .button {
font-size: 130%;
}
}
@media only screen and (min-width: 600px) {
.bery_banner {
font-size: 12px;
}
.bery_banner p, .bery_banner .button {
font-size: 120%;
}
}
@media only screen and (min-width: 48em) {
.bery_banner {
font-size: 16px;
}
.bery_banner p, .bery_banner .button {
font-size: 90%;
}
}
@media only screen and (max-width: 48em) {
.bery_bg .banner-bg, .bery_banner .banner-bg {
margin-top: 0 !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
transform: none !important;
opacity: 1 !important;
}
.row.container > .columns {
margin-bottom: 15px;
}
}
/*------------------------- 12. Popup ------------------------------*/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: black;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 10;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
background: #000;
font-style: normal;
font-size: 28px;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
background: none;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #000;
right: 0;
top: 40px;
}
.mfp-arrow {
position: fixed;
top: 0;
opacity: 0.65;
background: #333333 !important;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
background: #000;
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
opacity: 0.8;
border-top-width: 12px;
border-bottom-width: 12px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 20px;
border-bottom-width: 20px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 12px solid #fff;
left: 5px;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 12px solid #fff;
left: 3px;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
margin: 50px;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -26px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
margin-right: 10px;
display: inline-block;
text-align: left;
line-height: 18px;
color: #f3f3f3;
}
.mfp-counter {
display: inline-block;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
}
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-bg {
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.mfp-bg.mfp-ready {
opacity: 0.7;
}
.my-mfp-zoom-in .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
}
.my-mfp-zoom-in.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .mfp-content {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.my-mfp-zoom-in.mfp-bg .mfp-content {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg .mfp-content {
opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg .mfp-content {
opacity: 0;
}
/*------------------------- 13. Shortcodes -------------------------*/
.row.boxed .featured-box, .row.boxed .testemonial {
background-color: #f1f1f1;
padding: 20px;
}
.bery_bg .row.boxed .featured-box, .bery_bg .row.boxed .testemonial, .bery_bg .blog_shortcode_text, .bery_bg .product-item .info {
border: 1px solid #FFF;
background: #f1f1f1;
padding: 20px 30px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
.dark .row.boxed .featured-box, .bery_bg.dark .blog_shortcode_text, .bery_bg.dark .product-item .info {
background: #333;
border: 1px solid #000;
background: rgba(0, 0, 0, 0.9);
}
.bery_bg .blog_shortcode_text {
margin-top: -20px;
}
.bery_bg .sliderNav.small a, .featured-items-slider.style-2 .sliderNav.small a, .bery_bg #main-content, .bery_bg h3.section-title.title_center span {
background: transparent !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bery_bg h3.section-title.title_center {
border: 0 !important;
}
.bery_bg h3.section-title.title_center span:before {
content: "";
border-left: 120px solid rgba(0, 0, 0, 0.1);
height: 3px;
display: inline-block;
margin-bottom: 5px;
margin-right: 30px;
}
.bery_bg h3.section-title.title_center span:after {
content: "";
border-left: 120px solid rgba(0, 0, 0, 0.1);
height: 3px;
display: inline-block;
margin-bottom: 5px;
margin-left: 30px;
}
.bery_bg h3.section-title.title_center span {
display: inline-block;
line-height: 100%;
}
.bery_bg .blog_shortcode_item, .bery_bg .iosSlider .product-item {
padding-bottom: 10px !important;
}
.bery_bg.dark h3.section-title span {
border-color: #FFF;
}
.bery_bg .iosSlider {
margin-bottom: 0;
}
.bery_bg .row {
margin-bottom: 0 !important;
}
.bery_bg .sliderNav a span {
background-color: #FFF;
}
.bery_bg .product-item .info {
margin: 0 15px;
padding: 5px 5px 15px;
}
#content .bery_bg {
padding-left: 30px !important;
padding-right: 30px !important;
padding-top: 30px;
padding-bottom: 30px;
}
.collapse .row .column, .collapse .row .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left;
}
.iosSlider.blog-posts {
margin-bottom: 15px;
}
.blog_shortcode_item .entry-title a {
padding: 0;
}
.blog_shortcode_item .post-date, .blog_shortcode_item .meta-author {
font-size: 80%;
}
.blog_shortcode_item .blog_shortcode_text h3 {
margin-bottom: 0px;
}
.blog_shortcode_item .blog_shortcode_text h3 a {
font-size: 80%;
text-align: left;
text-transform: uppercase;
color: #444;
font-weight: bold;
}
.blog_shortcode_item .blog_shortcode_text h3 a:hover {
color: #2ecc71;
}
.blog_shortcode_item .entry-image {
margin-top: 0;
}
.blog_shortcode_item .from_the_blog_excerpt {
font-size: 80%;
text-align: left;
margin-top: 5px;
}
.blog_shortcode_item .from_the_blog_comments {
font-size: 80%;
}
.blog_shortcode_text {
padding: 0px 15px;
}
.blog_shortcode_text li {
list-style: none;
display: inline-block;
color: #888;
margin-right: 20px;
}
.blog_shortcode_text li i {
margin-right: 5px;
}
.blog_shortcode_text li:hover, .blog_shortcode_text li:hover i {
color: #444;
}
.blog_shortcode_text ul {
margin: 0;
}
#map_container {
position: relative;
margin-bottom: 30px;
margin-top: 20px;
}
#map_container .map-info {
position: absolute;
bottom: 30px;
left: 0;
right: 30px;
}
#map_container .map_inner {
padding: 15px;
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.8);
}
.featured-product {
margin-bottom: 10px;
}
.featured-product .product-bg {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
background: #2ecc71;
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
color: #FFF;
}
.featured-product:hover .product-bg {
opacity: 0.4;
}
.featured-product .product-text {
font-size: 80%;
padding: 0 60px;
position: absolute;
top: 30%;
width: 100%;
text-align: center;
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.featured-product .product-text h3 {
text-transform: uppercase;
color: #fff;
}
.featured-product:hover .product-text {
opacity: 1;
}
.featured-product .main-img img {
width: 100%;
}
.featured-product .price {
font-size: 150%;
}
.featured-product .star-rating {
margin: 0 auto 10px;
}
.featured-product .price .from, .featured-product .price .amount {
color: #FFF;
}
.testemonial {
text-align: center;
position: relative;
}
.testimonial_text {
font-size: 80%;
margin-top: 15px;
}
.testimonial_image {
margin-top: 20px;
}
.test_name {
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
}
.test_company {
font-size: 70%;
margin-top: -6px;
}
.testemonial .bery-hr.medium {
margin: 0 auto !important;
}
.featured-box {
position: relative;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.featured-box .featured-img .featured-box .iconmelon {
margin-bottom: 10px;
}
.featured-box h4 {
text-transform: uppercase;
font-size: 100%;
}
.featured-box h4 span {
display: block;
font-weight: normal;
font-size: 90%;
}
.featured-box .iconmelon {
width: 42px;
height: 42px;
}
.featured-box.pos-left {
padding-left: 70px;
}
.featured-box.pos-left .featured-img {
position: absolute;
left: 0;
top: 3px;
max-width: 50px;
}
.row.boxed .featured-box.pos-left {
padding-left: 40px;
}
.row.boxed .featured-box.pos-left .featured-img {
left: -20px;
top: 20px;
background: #000;
-webkit-border-radius: 99px;
border-radius: 99px;
padding: 5px;
}
.featured-box.pos-center {
text-align: center;
}
.featured-box.pos-center .bery-hr {
margin: 0 auto 10px;
}
.featured-box .box-inner img.featured-img {
margin-bottom: 10px;
}
.team-member-img {
padding: 0 20px 15px;
}
.team-member .social-icons {
margin-bottom: 15px;
}
.team-member h4 {
margin: 0;
}
.team-member h5 {
text-transform: uppercase;
font-weight: normal;
color: #999;
}
.message-box {
background-repeat: repeat-x;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 110%;
}
.message-box .inner {
padding: 15px;
}
.message-box .inner .button {
margin: 0 15px;
}
p.product.woocommerce {
border: 0px;
}
p.product.woocommerce span.amount {
display: block;
font-size: 200%;
font-weight: bold;
margin-bottom: 5px;
}
p.product.woocommerce .added_to_cart {
display: block;
}
.bery_hotspot {
opacity: 0.8;
display: block;
width: 20px;
text-align: center;
height: 20px;
line-height: 20px;
font-size: 10px;
background: #000;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
color: #FFF;
}
.bery_hotspot:hover {
opacity: 1;
}
.bery_hotspot a, .bery_hotspot a:hover {
color: #FFF;
cursor: pointer;
}
.bery_hotspot_text {
display: block;
font-size: 80%;
max-width: 80%;
white-space: normal;
}
.bery_hotspot_text > span {
display: block;
}
.bery_hotspot_text span.prod-price {
font-weight: bold;
}
.bery_hotspot_text:hover {
opacity: 1;
text-decoration: underline;
cursor: pointer;
}
.bery_price_table {
background: #FFF;
border: 1px solid #eee;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.bery_price_table:hover {
-webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33);
-moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33);
box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33);
}
.bery_price_table li {
list-style: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin: 0 30px;
}
.bery_price_table ul {
margin: 0;
}
.bery_price_table .bullet-item {
padding: 10px 0;
}
.bery_price_table .price {
font-weight: 400;
font-size: 180%;
padding: 30px 0;
border: 0;
}
.bery_price_table .description {
font-size: 80%;
opacity: 0.8;
text-transform: uppercase;
padding: 0 0 15px;
border: 0;
}
.bery_price_table .title {
margin: 0;
border: 0;
text-transform: uppercase;
font-weight: bold;
padding: 5px 0;
background-color: rgba(0, 0, 0, 0.01);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.bery_price_table .cta-button {
background-color: rgba(0, 0, 0, 0.01);
padding: 20px 0 10px;
margin: 15px 0 0 0;
}
.collapse .bery_price_table {
margin-left: -1px;
}
.scroll-to {
height: 0px;
overflow: hidden;
}
.scroll-to-bullets {
position: fixed;
right: 45px;
top: 40%;
z-index: 99;
text-align: right;
}
.scroll-to-bullets a {
display: inline-block;
text-transform: uppercase;
padding: 5px 8px;
-webkit-border-radius: 99px;
border-radius: 99px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.scroll-to-bullets a:hover {
background: #2ecc71;
}
.scroll-to-bullets a * {
display: inline-block;
}
.scroll-to-bullets a:hover * {
color: #FFF;
}
.scroll-to-bullets a strong {
font-size: 80%;
opacity: 0;
margin-right: 10px;
position: relative;
top: -1px;
pointer-events: none;
}
.scroll-to-bullets a:hover strong {
opacity: 1;
}
.scroll-to-bullets a span {
background-color: #000;
opacity: 0.2;
width: 12px;
height: 12px;
padding: 5px;
-webkit-border-radius: 99px;
border-radius: 99px;
}
.scroll-to-bullets a:hover span {
background-color: #FFF;
opacity: 0.8;
}
.scroll-to-bullets a.active span {
opacity: 0.7;
}
a.button .large .black {
background: black;
}
a.button {
margin-bottom: 10px;
}
.support-footer {
height: auto;
padding: 35px 0px;
margin-top: 50px;
}
.support-icon {
padding: 18px 43px 18px 18px;
background: #fff;
text-align: center;
border: 1px solid #ccc;
font-size: 150%;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.support-icon {
color: #2ecc71;
}
.support-info {
margin-left: 15px;
}
.support-info .info-title {
font-weight: bold;
text-transform: uppercase;
}
.support-info .info-details {
font-size: 80%;
margin-top: 9px;
line-height: 18px;
}
.support-icon.square-round:hover {
background: #2ecc71;
color: #fff;
border-color: #2ecc71;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.fa-paper-plane, .fa-phone, .fa-envelope {
margin-right: 15px;
}
/*------------------------- 14. Widgets ----------------------------*/
.page #secondary {
padding-top: 5px;
}
.widget {
margin-bottom: 30px;
}
.widget .bery-hr {
margin-bottom: 15px;
}
.widget-title {
text-transform: uppercase;
font-size: 95%;
font-weight: bold;
}
.widget.widget_text .textwidget {
font-size: 80%;
}
.widget.widget_text .textwidget p {
font-size: 100%;
}
.widget ul li a {
font-size: 80%;
}
.widget ul li {
line-height: 120%;
list-style: none;
}
.widget ul li:last-child {
border: 0;
}
.widget ul li:first-child {
padding-top: 0;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li a {
padding-bottom: 5px;
display: inline-block;
}
.widget_product_categories li {
margin-left: 15px;
padding-left: 5px;
list-style-type: circle !important;
}
.widget_product_categories li a, .widget_layered_nav li a, .widget_layered_nav_filters li a {
font-size: 90%;
padding: 8px 0;
color: #555;
display: inline-block;
text-transform: capitalize;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.widget_product_categories li a:hover, .widget_layered_nav li a:hover, .widget_layered_nav_filters li a:hover {
color: #2ecc71;
padding-left: 5px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.widget_layered_nav_filters .chosen a {
background: #eee;
display: inline-block;
padding: 0 5px;
}
.widget_layered_nav_filters .chosen a:hover {
background: #2ecc71;
text-decoration: none;
color: #FFF;
}
.widget_layered_nav_filters .chosen a:before {
content: "x";
margin-right: 5px;
font-size: 80%;
color: #999;
}
.widget_product_categories li .count, .widget_layered_nav li .count {
color: #ccc;
font-size: 80%;
float: right;
padding-top: 9px;
}
.widget_layered_nav .chosen a {
font-weight: bold;
}
.widget_product_categories li ul.children {
display: none;
padding: 5px 0 10px 15px;
}
.widget_product_categories li.current-cat-parent ul.children {
display: block;
}
.widget_product_categories li.current-cat ul.children {
display: block;
}
.widget_product_categories li.current-cat > a {
color: #2ecc71;
font-weight: bold;
}
.widget_layered_nav_filters li {
float: left;
margin-right: 5px;
}
.widget_layered_nav_filters {
overflow: hidden;
}
.product_list_widget li {
border-bottom: 1px solid #eeeeee;
position: relative;
overflow: hidden;
width: 100%;
padding-top: 15px;
padding-bottom: 10px;
}
.product_list_widget li a img {
border: 1px solid #dddddd;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.product_list_widget li a {
display: block;
font-size: 100%;
color: #555555;
}
.product_list_widget li a:hover {
color: #2ecc71;
}
.product_list_widget span.amount {
display: inline-block;
font-weight: bold;
color: #2ecc71;
margin-top: 3px;
}
.product_list_widget del span.amount {
color: #555;
font-weight: normal;
text-decoration: line-through;
}
.product_list_widget .variation {
font-size: 80%;
margin: 0;
}
.product_list_widget .variation dt, .product_list_widget .variation dd {
display: inline-block;
}
.product_list_widget .variation dd {
margin: 0 0 0 5px;
}
.product_list_widget .star-rating {
font-size: 80%;
margin-top: 5px;
}
.product_list_widget .text-info {
margin-left: -10px;
}
.product_list_widget .product-img:hover .image-overlay {
transform: scale(1);
transition: transform 0.4s;
}
.widget_shopping_cart_content p.total {
border-bottom: 2px dotted #CCC;
color: #000;
text-align: center;
padding: 10px 0;
border-top: 1px solid #eeeeee;
}
.widget_shopping_cart_content .buttons .button {
width: 100%;
padding: 10px;
text-transform: uppercase;
font-size: 90%;
margin: 0 0 5px 0;
}
.widget_recent_comments li {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.rosette_recent_posts li {
border-bottom: 1px solid #eeeeee;
position: relative;
padding: 0px 0px 10px 45px;
margin-bottom: 10px;
}
.rosette_recent_posts li a {
padding-bottom: 0px;
}
.rosette_recent_posts .post-date {
position: absolute;
left: 0;
top: 5px;
width: 30px;
}
.rosette_recent_posts .post_comments {
font-size: 80%;
display: block;
margin-top: 5px;
}
.textwidget {
line-height: 160%;
}
.widget_calendar caption {
text-transform: uppercase;
font-weight: bold;
padding: 15px 0px;
border-top: 2px solid #dddddd;
}
.widget_rss ul li {
margin-bottom: 15px;
}
.widget_rss ul li a.rsswidget {
display: block;
}
.widget_rss .rss-date {
text-transform: uppercase;
font-size: 80%;
}
.widget_nav_menu .tooltip-hot, .widget_nav_menu .tooltip-new {
display: none;
}
.widget_nav_menu .menu {
height: 100%;
padding-bottom: 30px;
}
.widget_nav_menu ul li {
font-size: 100%;
text-transform: capitalize;
list-style-type: circle;
padding-left: 5px;
margin-left: 15px;
}
.widget_nav_menu ul li a {
display: block;
padding: 5px 0;
color: #666;
}
.widget_nav_menu ul li a:hover {
color: #fff;
}
.widget_nav_menu ul li ul {
margin-left: 10px;
display: none;
}
.widget_product_tag_cloud, .widget_tag_cloud {
overflow: hidden;
}
.widget_product_tag_cloud a, .widget_tag_cloud a {
display: inline-block;
font-size: 80% !important;
float: left;
border: 1px solid #dddddd !important;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px 15px;
margin: 0 5px 5px 0;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover {
background: #2ecc71;
color: #FFF;
border: 1px solid #2ecc71;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.dark .widget_product_tag_cloud a, .dark .widget_tag_cloud a {
color: #FFF;
border-color: #FFF;
opacity: 0.6;
}
.dark .widget_product_tag_cloud a:hover, .dark .widget_tag_cloud a:hover {
background: #FFF;
color: #333;
opacity: 1;
}
.widget_recent_entries ul li {
list-style: circle;
margin-left: 15px;
padding-left: 5px;
}
.widget_recent_entries ul li a {
color: #555555;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.widget_recent_entries ul li a:hover {
padding-left: 5px;
color: #2ecc71;
}
.widget_categories ul li {
list-style: circle;
margin-left: 15px;
padding-left: 5px;
}
.widget_categories ul li a {
color: #555555;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.widget_categories ul li a:hover {
padding-left: 5px;
color: #2ecc71;
}
input.ninja-forms-req.email {
background: #2e2e2e;
border: 1px solid #343434;
-webkit-border-radius: 1px;
border-radius: 1px;
color: #666;
}
.ninja-forms-all-fields-wrap .field-wrap input, .ninja-forms-all-fields-wrap textarea {
font-size: 80%;
}
.ninja-forms-required-items, .footer .widget_ninja_forms_widget .ninja-forms-req-symbol, .footer .widget_ninja_forms_widget #ninja_forms_required_items {
display: none;
}
.footer .widget_ninja_forms_widget .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field {
margin: 0;
}
.ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-star-rating-control {
margin-left: 0 !important;
}
.ninja-forms-form textarea.ninja-forms-field {
height: 120px;
}
input.ninja-forms-field.button {
padding: 10px 15px 10px 15px;
}
input.ninja-forms-field.button:hover {
background: #1b7943;
}
.widget_price_filter {
margin-bottom: 60px;
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
background: #eee;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
font-size: 95%;
}
.widget_price_filter .price_slider_amount input#min_price, .widget_price_filter .price_slider_amount input#max_price {
float: left;
display: block !important;
width: 70px;
height: 34px;
display: inline-block;
margin-right: 12px;
font-size: 100%;
}
.widget_price_filter .price_slider_amount .price_label {
display: none !important;
}
.widget_price_filter .price_slider_amount button.button {
padding: 10px 15px 10px 15px;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: pointer;
outline: none;
top: -.25em;
-webkit-border-radius: 99px;
border-radius: 99px;
background-color: #fff;
border: 5px solid #2ecc71;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -13px;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #ccc;
}
.widget_price_filter .price_slider_wrapper {
padding: 10px 0px 15px 0px;
}
.widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.widget_search input.field {
border: 1px solid #eee;
}
/*------------------------- 15. Responsive for Mobile --------------*/
@media only screen and (max-width: 48em) {
body {
background: none;
}
#main-content {
margin-top: 0px;
}
.page-inner, body.framed-layout {
padding: 0;
border: 0;
}
#content .bery_bg {
padding-left: 0px;
padding-right: 0px;
}
.bery_parallax, .parallax_img_inner {
opacity: 1;
}
.main-navigation .mini-cart .cart-inner {
margin-top: 20px;
}
#top-bar .left-text {
width: 100%;
text-align: center;
}
#header-outer-wrap .mobile-menu {
display: table-cell !important;
vertical-align: middle;
}
#header-outer-wrap.stuck .mobile-menu {
padding: 0;
}
#header-outer-wrap .mobile-menu a {
font-size: 32px;
color: #2ecc71;
}
#header-outer-wrap #logo {
width: 100%;
text-align: center;
padding: 0 30px;
}
#header-outer-wrap #logo a {
float: none;
}
#header-outer-wrap #logo img {
width: auto;
}
.logo-center #logo {
position: relative;
}
#header-outer-wrap .header-links-wrap-1, .wide-nav, #top-bar .right-text {
display: none;
}
li.mini-cart {
padding: 0;
}
.cart-icon, .cart-icon strong {
margin: 0;
}
.add-to-cart-grid-style2 .cart-icon {
width: 100%;
}
.cart-icon .cart-icon-handle {
margin-right: -8px;
}
ul.main-navigation li {
margin: 0;
}
.catalog-mode-header {
display: none;
}
.bery_bg h3.section-title.title_center span:before, .bery_bg h3.section-title.title_center span:after {
border: 0;
margin: 0;
}
.bery_bg h3.section-title.title_center span {
padding: 0;
}
.woocommerce-message a.button {
position: relative;
float: right;
}
#jPanelMenu-menu {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#header-outer-wrap {
height: 124px;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
body[data-menu-position="open"] .jPanelMenu-panel {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
left: 0 !important;
-webkit-transform: translate(250px);
-o-transform: translate(250px);
transform: translate(250px);
}
body[data-menu-position="closed"] #jPanelMenu-menu {
-webkit-transform: translate(-250px);
-o-transform: translate(-250px);
transform: translate(-250px);
display: block !important;
}
body[data-menu-position="open"] #jPanelMenu-menu {
-webkit-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
z-index: 99 !important;
}
body[data-menu-position="open"] #header-outer-wrap.move_down {
top: -300px;
}
body[data-menu-position="open"] .jPanelMenu-panel * {
pointer-events: none;
}
ul.main-navigation li .nav-dropdown {
opacity: 1;
visibility: visible;
display: none;
top: 10px;
}
ul.main-navigation li .nav-dropdown li.menu-parent-item {
width: 100%;
}
ul.main-navigation li .nav-dropdown li a {
margin-right: 0;
}
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after {
display: none;
}
ul.main-navigation li .nav-dropdown .menu-parent-item > a {
padding: 15px 0;
}
.tooltip-hot.menu-item > a:before, .tooltip-new.menu-item > a:before {
border: 0px;
}
.tooltip-hot.menu-item > a:after, .tooltip-new.menu-item > a:after {
content: "";
}
#jPanelMenu-menu {
background: #f6f6f6;
margin: 0;
padding: 0;
}
#jPanelMenu-menu li {
width: 100%;
border-bottom: 1px solid #eeeeee;
margin: 0;
padding: 8px 0px 8px 10px;
position: relative;
}
#jPanelMenu-menu li ul li {
padding-left: 15px;
padding-right: 0;
}
#jPanelMenu-menu li ul li li {
padding-left: 15px;
}
#jPanelMenu-menu input {
-webkit-appearance: none;
border-radius: 0;
}
#jPanelMenu-menu li a {
display: block;
}
#jPanelMenu-menu li > a {
color: #000;
border: 0;
}
#jPanelMenu-menu li > a:hover {
background: none;
}
#jPanelMenu-menu .nav-dropdown {
background: none;
border: 0px;
width: 100%;
padding: 0;
margin: 0;
}
#jPanelMenu-menu .nav-dropdown ul {
width: 100%;
border-left: 1px solid #dddddd;
border-right: 0px;
}
#jPanelMenu-menu .nav-dropdown ul li:last-child {
border: 0;
}
#jPanelMenu-menu .nav-dropdown ul li:hover {
background: none;
}
#jPanelMenu-menu .nav-dropdown {
box-shadow: none;
}
#jPanelMenu-menu .top-bar-nav {
margin-top: 30px;
}
#jPanelMenu-menu .top-bar-nav a {
display: inline-block;
color: #999;
text-transform: none;
font-weight: normal;
}
#jPanelMenu-menu .top-bar-nav li:first-child {
border-bottom: 1px solid #eee;
}
#jPanelMenu-menu .top-bar-items {
padding: 0;
}
#jPanelMenu-menu .current-menu-item > a {
color: #000;
font-weight: bold;
}
#jPanelMenu-menu .top-bar-nav li {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
#jPanelMenu-menu .open .nav-dropdown {
display: block;
}
#jPanelMenu-menu .html-block-inner a {
display: inline-block;
}
#jPanelMenu-menu .nav-top-not-logged-in:after {
display: none;
}
#top-link {
display: none;
}
[data-menu-position="open"] .cart-link {
pointer-events: none;
}
#jPanelMenu-menu .navigation-search-wrap form {
width: 200px;
margin-top: 15px;
}
.main-navigation li .search-wrapper.yith-ajaxsearchform-container {
display: none;
}
.absolute-footer .left, .absolute-footer .right {
float: none;
width: 100%;
}
.absolute-footer ul {
overflow: hidden;
width: 100%;
}
.absolute-footer li {
width: 100%;
}
.absolute-footer li a {
padding: 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 110%;
}
.absolute-footer .right {
padding-top: 15px;
}
.woocommerce-message {
padding-right: 0;
}
.icons-row {
margin-top: 0px;
}
.icons-row a {
width: 95%;
display: block;
border: 0;
margin: 0;
}
.product-gallery {
margin-bottom: 0px;
}
.quick-view.fa-search, .yith-wcwl-add-to-wishlist, .add-to-cart-grid {
display: none;
}
.shortcode_tabgroup .tabs .tab a, .product-details .tabbed-content .tabs li a {
margin-right: 5px;
margin-left: 5px;
font-size: 80%;
}
.tabbed-content.tabs .accordian-title {
display: block;
width: 100%;
}
.product-page-tabs .tabbed-content {
border: 0;
margin: 0 -15px;
}
.vertical-tabs .tabs-inner {
padding-left: 0;
border: 0;
}
.vertical-tabs ul.tabs-nav {
margin-top: 0px;
}
.group-slider .small-block-grid-2 > li {
width: 75%;
}
.content_slider_wrap .iosSlider .current {
text-align: center;
}
ul.main-navigation li .nav-dropdown {
position: relative;
}
.mini-cart .nav-dropdown, .mini-cart .dropdown-toggle {
display: none;
}
.mini-cart .cart-price {
margin-right: 15px;
}
.mini-cart .cart-inner span.separator {
display: none;
}
.mini-cart .cart-inner {
margin-top: 0px;
}
ul.main-navigation li.search-dropdown {
display: none;
}
#jPanelMenu-menu li form {
padding-top: 15px;
padding-right: 10px;
}
#jPanelMenu-menu li form input, #jPanelMenu-menu li form button {
margin-bottom: 10px;
}
.page-right-sidebar .blog-entry {
padding-right: 0px;
border-right: 0px;
}
.title-header {
text-align: center;
}
.title-header .widget {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.title-header .bery-hr {
margin: 0 auto;
}
.entry-header .post-date-wrapper {
margin: 0 auto;
width: 70px;
height: 70px;
}
.entry-header .post-date-wrapper .post-date .post-date-day {
font-size: 150%;
}
.entry-header .post-date-wrapper .post-date .post-date-month {
font-size: 80%;
}
.entry-header .post-date-wrapper .post-date {
left: 30%;
}
.entry-header .meta-author {
margin-bottom: 20px;
}
.entry-header .entry-title {
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
.cart-sidebar .widget-title {
display: none;
}
.product_list_widget .text-info {
margin-left: 0px;
}
.woocommerce-result-count {
display: none;
}
#product-img-zoomer {
display: none;
}
.bread {
display: none;
}
.breadcrumb-row .right {
width: 100%;
text-align: center;
}
.breadcrumb-row .left {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.product-category img, .product-item .main-img img {
width: 100%;
}
.quick-view, .back-image {
display: none;
}
.product-item .fa-search, .product-item .add-to-cart-grid, .product-item .yith-wcwl-add-to-wishlist {
left: 25px;
}
.product-item .add-to-cart-grid {
top: 115px;
}
.checkout-breadcrumb h1 {
margin-bottom: 10px;
padding-bottom: 10px;
}
.checkout-breadcrumb span, .checkout-breadcrumb span.divider {
display: none;
}
.woocommerce-checkout span.title-checkout {
display: inline-block;
}
.woocommerce-cart span.title-cart {
display: inline-block;
}
.cart-wrapper {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
}
.cart-wrapper, .shop_table.wishlist_table {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
overflow-y: hidden;
-webkit-box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.1);
}
.woocommerce-cart .cross-sells {
display: none;
}
.cart-wrapper table.shop_table, .shop_table.wishlist_table {
min-width: 600px;
}
#yith-wcwl-form {
overflow: scroll;
}
.flipCurrent {
overflow-y: scroll;
}
.flip-slide .entry-title {
padding: 0 10px;
}
.support-footer {
padding-bottom: 0px;
}
.support-footer .support-footer-inner .columns {
margin-bottom: 20px;
}
.support-footer .support-info {
margin-left: 30px;
}
.bery_banner .parallax_text .inner, .bery_banner .parallax_text .inner .h-large {
width: 100%;
}
.bery_banner .parallax_text .inner h5 {
font-size: 150%;
}
.bery_banner .parallax_text .inner a {
display: none;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
.group-slider .small-block-grid-2 > li {
width: 40%;
}
.group-slider .sliderControlls {
display: none;
}
#top-bar .left-text {
float: left;
text-align: left;
font-size: 60%;
width: auto;
}
#header-outer-wrap .header-links-wrap-2, #header-outer-wrap .mobile-menu {
width: 30%;
}
#header-outer-wrap #logo {
width: auto;
}
.mini-cart .cart-inner {
position: relative;
}
.mini-cart.active .nav-dropdown {
display: block;
position: absolute;
top: 20px;
right: 0px;
}
#logo {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.group-slider .small-block-grid-2 > li {
width: 30%;
}
.group-slider .sliderControlls {
display: none;
}
.support-footer .support-info {
margin-left: 30px;
}
.bery_banner .parallax_text .inner h5 {
font-size: 100%;
}
.bery_banner .parallax_text .inner a {
display: none;
}
}
/*------------------------- 16. Foundation elements ----------------*/
/* Grid HTML Classes */
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 67.5em;
*zoom: 1;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse .column,
.row.collapse .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left;
}
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left;
}
@media only screen {
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.small-1 {
position: relative;
width: 8.33333%;
}
.small-2 {
position: relative;
width: 16.66667%;
}
.small-3 {
position: relative;
width: 25%;
}
.small-4 {
position: relative;
width: 33.33333%;
}
.small-5 {
position: relative;
width: 41.66667%;
}
.small-6 {
position: relative;
width: 50%;
}
.small-7 {
position: relative;
width: 58.33333%;
}
.small-8 {
position: relative;
width: 66.66667%;
}
.small-9 {
position: relative;
width: 75%;
}
.small-10 {
position: relative;
width: 83.33333%;
}
.small-11 {
position: relative;
width: 91.66667%;
}
.small-12 {
position: relative;
width: 100%;
}
.small-offset-0 {
position: relative;
margin-left: 0%;
}
.small-offset-1 {
position: relative;
margin-left: 8.33333%;
}
.small-offset-2 {
position: relative;
margin-left: 16.66667%;
}
.small-offset-3 {
position: relative;
margin-left: 25%;
}
.small-offset-4 {
position: relative;
margin-left: 33.33333%;
}
.small-offset-5 {
position: relative;
margin-left: 41.66667%;
}
.small-offset-6 {
position: relative;
margin-left: 50%;
}
.small-offset-7 {
position: relative;
margin-left: 58.33333%;
}
.small-offset-8 {
position: relative;
margin-left: 66.66667%;
}
.small-offset-9 {
position: relative;
margin-left: 75%;
}
.small-offset-10 {
position: relative;
margin-left: 83.33333%;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
.column.small-centered,
.columns.small-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important;
}
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
.large-1 {
position: relative;
width: 8.33333%;
}
.large-2 {
position: relative;
width: 16.66667%;
}
.large-3 {
position: relative;
width: 25%;
}
.large-4 {
position: relative;
width: 33.33333%;
}
.large-5 {
position: relative;
width: 41.66667%;
}
.large-6 {
position: relative;
width: 50%;
}
.large-7 {
position: relative;
width: 58.33333%;
}
.large-8 {
position: relative;
width: 66.66667%;
}
.large-9 {
position: relative;
width: 75%;
}
.large-10 {
position: relative;
width: 83.33333%;
}
.large-11 {
position: relative;
width: 91.66667%;
}
.large-12 {
position: relative;
width: 100%;
}
.row .large-offset-0 {
position: relative;
margin-left: 0%;
}
.row .large-offset-1 {
position: relative;
margin-left: 8.33333%;
}
.row .large-offset-2 {
position: relative;
margin-left: 16.66667%;
}
.row .large-offset-3 {
position: relative;
margin-left: 25%;
}
.row .large-offset-4 {
position: relative;
margin-left: 33.33333%;
}
.row .large-offset-5 {
position: relative;
margin-left: 41.66667%;
}
.row .large-offset-6 {
position: relative;
margin-left: 50%;
}
.row .large-offset-7 {
position: relative;
margin-left: 58.33333%;
}
.row .large-offset-8 {
position: relative;
margin-left: 66.66667%;
}
.row .large-offset-9 {
position: relative;
margin-left: 75%;
}
.row .large-offset-10 {
position: relative;
margin-left: 83.33333%;
}
.row .large-offset-11 {
position: relative;
margin-left: 91.66667%;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column.large-centered,
.columns.large-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important;
}
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right !important;
}
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
display: inherit !important;
}
.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
display: none !important;
}
.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: inherit !important;
}
.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
display: table;
}
thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
display: table-header-group !important;
}
tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
display: table-row-group !important;
}
tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
display: table-row !important;
}
td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
display: table-cell !important;
}
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
.show-for-medium,
.show-for-medium-up {
display: inherit !important;
}
.show-for-small {
display: none !important;
}
.hide-for-small {
display: inherit !important;
}
.hide-for-medium,
.hide-for-medium-up {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
display: table;
}
thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
display: table-header-group !important;
}
tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
display: table-row-group !important;
}
tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
display: table-row !important;
}
td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
th.show-for-medium,
th.show-for-medium-up,
th.hide-for-small {
display: table-cell !important;
}
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
.show-for-large,
.show-for-large-up {
display: inherit !important;
}
.show-for-medium,
.show-for-medium-down {
display: none !important;
}
.hide-for-medium,
.hide-for-medium-down {
display: inherit !important;
}
.hide-for-large,
.hide-for-large-up {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
display: table;
}
thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
display: table-header-group !important;
}
tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
display: table-row-group !important;
}
tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
display: table-row !important;
}
td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
th.show-for-large,
th.show-for-large-up,
th.hide-for-medium,
th.hide-for-medium-down {
display: table-cell !important;
}
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
.show-for-xlarge {
display: inherit !important;
}
.show-for-large,
.show-for-large-down {
display: none !important;
}
.hide-for-large,
.hide-for-large-down {
display: inherit !important;
}
.hide-for-xlarge {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
display: table;
}
thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
display: table-header-group !important;
}
tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
display: table-row-group !important;
}
tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
display: table-row !important;
}
td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
th.show-for-xlarge,
th.hide-for-large,
th.hide-for-large-down {
display: table-cell !important;
}
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table;
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table;
}
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
/* Specific visilbity for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table;
}
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
/* Specific visilbity for tables */
table.hide-for-touch {
display: table;
}
.touch table.show-for-touch {
display: table;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
/* Foundation Block Grids for below small breakpoint */
@media only screen {
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625em;
*zoom: 1;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table;
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > li {
display: inline;
height: auto;
float: left;
padding: 0 0.625em 1.25em;
}
.small-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-1 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.small-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-2 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.small-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-3 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.small-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-4 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.small-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-5 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.small-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-6 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.small-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-7 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.small-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-8 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.small-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-9 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.small-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-10 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.small-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-11 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.small-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em;
}
.small-block-grid-12 > li:nth-of-type(n) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
/* Remove small grid clearing */
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: none;
}
.large-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-1 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.large-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-2 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.large-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-3 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.large-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-4 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.large-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-5 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.large-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-6 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.large-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-7 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.large-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-8 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.large-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-9 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.large-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-10 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.large-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-11 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.large-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em;
}
.large-block-grid-12 > li:nth-of-type(n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
p.lead {
font-size: 1.21875em;
line-height: 1.6;
}
.subheader {
line-height: 1.4;
color: #4d4d4d;
font-weight: 300;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
direction: ltr;
}
/* Default Link Styles */
a {
color: #2ecc71;
text-decoration: none;
line-height: inherit;
}
a:hover, a:focus {
color: black;
}
a img {
border: none;
}
/* Default paragraph styles */
p {
font-family: inherit;
font-weight: normal;
font-size: 90%;
line-height: 1.6;
margin-bottom: 1.25em;
text-rendering: optimizeLegibility;
font-size: 14px;
}
p aside {
font-size: 0.875em;
line-height: 1.35;
font-style: italic;
font-size: 14px;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: black;
text-rendering: optimizeLegibility;
margin-top: 0.2em;
margin-bottom: 0.5em;
line-height: 1.2125em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #4d4d4d;
line-height: 0;
}
h1 {
font-size: 1em;
}
h2 {
font-size: 0.875em;
}
h3 {
font-size: 0.9375em;
}
h4 {
font-size: 0.8125em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
}
hr {
border: solid #dddddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
}
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: bold;
color: #7f0a0c;
}
/* Lists */
ul,
ol,
dl {
font-size: 1em;
line-height: 1.6;
margin-bottom: 1.25em;
list-style-position: outside;
font-family: inherit;
font-size: 14px;
}
ul, ol {
margin-left: 0;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
}
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25em;
margin-bottom: 0;
font-size: 1em;
font-size: 14px;
/* Override nested font-size change */
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit;
}
ul.square {
list-style-type: square;
}
ul.circle {
list-style-type: circle;
}
ul.disc {
list-style-type: disc;
}
ul.no-bullet {
list-style: none;
}
/* Ordered Lists */
ol li ul,
ol li ol {
margin-left: 1.25em;
margin-bottom: 0;
}
/* Definition Lists */
dl dt {
margin-bottom: 0.3em;
font-weight: bold;
}
dl dd {
margin-bottom: 0.75em;
}
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #555555;
border-bottom: 1px dotted #dddddd;
cursor: help;
}
abbr {
text-transform: none;
}
/* Blockquotes */
blockquote {
margin: 0 0 1.25em;
padding: 0.5625em 1.25em 0 1.1875em;
border-left: 5px solid #dddddd;
}
blockquote cite {
display: block;
font-size: 0.8125em;
color: #333333;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
color: #333333;
}
blockquote,
blockquote p {
line-height: 1.6;
color: #4d4d4d;
}
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25em 0;
border: 1px solid #dddddd;
padding: 0.625em 0.75em;
}
.vcard li {
margin: 0;
display: block;
}
.vcard .fn {
font-weight: bold;
font-size: 0.9375em;
}
.vevent .summary {
font-weight: bold;
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625em;
}
@media only screen and (min-width: 48em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
h1 {
font-size: 1.625em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.125em;
}
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
#submit, button, .button, input[type="submit"] {
border: 0;
text-transform: uppercase;
cursor: pointer;
font-family: inherit;
font-weight: normal !important;
line-height: 1;
margin: 0;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.9375em;
padding-right: 1.875em;
padding-bottom: 1em;
padding-left: 1.875em;
font-size: 0.875em;
background-color: #2ecc71;
border-color: #2ecc71;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit:focus, button:focus, .button:focus, input[type="submit"]:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit:hover, #submit:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
color: white;
}
#submit.secondary, button.secondary, .button.secondary, input[type="submit"].secondary {
background-color: #e74c3c;
border-color: #e74c3c;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.secondary:focus, button.secondary:focus, .button.secondary:focus, input[type="submit"].secondary:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.secondary:hover, #submit.secondary:focus, button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus {
color: white;
}
#submit.white, button.white, .button.white, input[type="submit"].white {
background-color: white;
border-color: white;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: #333333;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.white:focus, button.white:focus, .button.white:focus, input[type="submit"].white:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.white:hover, #submit.white:focus, button.white:hover, button.white:focus, .button.white:hover, .button.white:focus, input[type="submit"].white:hover, input[type="submit"].white:focus {
color: #333333;
}
#submit.success, button.success, .button.success, input[type="submit"].success {
background-color: #64b7f6;
border-color: #64b7f6;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.success:focus, button.success:focus, .button.success:focus, input[type="submit"].success:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.success:hover, #submit.success:focus, button.success:hover, button.success:focus, .button.success:hover, .button.success:focus, input[type="submit"].success:hover, input[type="submit"].success:focus {
color: white;
}
#submit.alert, button.alert, .button.alert, input[type="submit"].alert {
background-color: #c60f13;
border-color: #c60f13;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.alert:focus, button.alert:focus, .button.alert:focus, input[type="submit"].alert:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.alert:hover, #submit.alert:focus, button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus, input[type="submit"].alert:hover, input[type="submit"].alert:focus {
color: white;
}
#submit.large, button.large, .button.large, input[type="submit"].large {
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1.0625em;
padding-left: 2em;
font-size: 1.25em;
}
#submit.small, button.small, .button.small, input[type="submit"].small {
padding-top: 0.5625em;
padding-right: 1.125em;
padding-bottom: 0.625em;
padding-left: 1.125em;
font-size: 0.8125em;
}
#submit.tiny, button.tiny, .button.tiny, input[type="submit"].tiny {
padding-top: 0.4375em;
padding-right: 0.875em;
padding-bottom: 0.5em;
padding-left: 0.875em;
font-size: 0.6875em;
}
#submit.expand, button.expand, .button.expand, input[type="submit"].expand {
padding-right: 0px;
padding-left: 0px;
width: 100%;
}
#submit.left-align, button.left-align, .button.left-align, input[type="submit"].left-align {
text-align: left;
text-indent: 0.75em;
}
#submit.right-align, button.right-align, .button.right-align, input[type="submit"].right-align {
text-align: right;
padding-right: 0.75em;
}
#submit.radius, button.radius, .button.radius, input[type="submit"].radius {
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.round, button.round, .button.round, input[type="submit"].round {
-webkit-border-radius: 1000px;
border-radius: 1000px;
}
#submit.disabled, #submit[disabled], button.disabled, button[disabled], .button.disabled, .button[disabled], input[type="submit"].disabled, input[type="submit"][disabled] {
background-color: #2ecc71;
border-color: #2ecc71;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.disabled:focus, #submit[disabled]:focus, button.disabled:focus, button[disabled]:focus, .button.disabled:focus, .button[disabled]:focus, input[type="submit"].disabled:focus, input[type="submit"][disabled]:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.disabled:hover, #submit.disabled:focus, #submit[disabled]:hover, #submit[disabled]:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
color: white;
}
#submit.disabled:hover, #submit.disabled:focus, #submit[disabled]:hover, #submit[disabled]:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
background-color: #2ecc71;
}
#submit.disabled.secondary, #submit[disabled].secondary, button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary, input[type="submit"].disabled.secondary, input[type="submit"][disabled].secondary {
background-color: #e74c3c;
border-color: #e74c3c;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.disabled.secondary:focus, #submit[disabled].secondary:focus, button.disabled.secondary:focus, button[disabled].secondary:focus, .button.disabled.secondary:focus, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.disabled.secondary:hover, #submit.disabled.secondary:focus, #submit[disabled].secondary:hover, #submit[disabled].secondary:focus, button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:hover, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:hover, input[type="submit"][disabled].secondary:focus {
color: white;
}
#submit.disabled.secondary:hover, #submit.disabled.secondary:focus, #submit[disabled].secondary:hover, #submit[disabled].secondary:focus, button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:hover, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:hover, input[type="submit"][disabled].secondary:focus {
background-color: #e74c3c;
}
#submit.disabled.white, #submit[disabled].white, button.disabled.white, button[disabled].white, .button.disabled.white, .button[disabled].white, input[type="submit"].disabled.white, input[type="submit"][disabled].white {
background-color: #eeeeee;
border-color: #eeeeee;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: #333333;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.disabled.white:focus, #submit[disabled].white:focus, button.disabled.white:focus, button[disabled].white:focus, .button.disabled.white:focus, .button[disabled].white:focus, input[type="submit"].disabled.white:focus, input[type="submit"][disabled].white:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.disabled.white:hover, #submit.disabled.white:focus, #submit[disabled].white:hover, #submit[disabled].white:focus, button.disabled.white:hover, button.disabled.white:focus, button[disabled].white:hover, button[disabled].white:focus, .button.disabled.white:hover, .button.disabled.white:focus, .button[disabled].white:hover, .button[disabled].white:focus, input[type="submit"].disabled.white:hover, input[type="submit"].disabled.white:focus, input[type="submit"][disabled].white:hover, input[type="submit"][disabled].white:focus {
color: #333333;
}
#submit.disabled.success, #submit[disabled].success, button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success, input[type="submit"].disabled.success, input[type="submit"][disabled].success {
background-color: #64b7f6;
border-color: #64b7f6;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.disabled.success:focus, #submit[disabled].success:focus, button.disabled.success:focus, button[disabled].success:focus, .button.disabled.success:focus, .button[disabled].success:focus, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.disabled.success:hover, #submit.disabled.success:focus, #submit[disabled].success:hover, #submit[disabled].success:focus, button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus, input[type="submit"].disabled.success:hover, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:hover, input[type="submit"][disabled].success:focus {
color: white;
}
#submit.disabled.success:hover, #submit.disabled.success:focus, #submit[disabled].success:hover, #submit[disabled].success:focus, button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus, input[type="submit"].disabled.success:hover, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:hover, input[type="submit"][disabled].success:focus {
background-color: #64b7f6;
}
#submit.disabled.alert, #submit[disabled].alert, button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert, input[type="submit"].disabled.alert, input[type="submit"][disabled].alert {
background-color: #c60f13;
border-color: #c60f13;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.disabled.alert:focus, #submit[disabled].alert:focus, button.disabled.alert:focus, button[disabled].alert:focus, .button.disabled.alert:focus, .button[disabled].alert:focus, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:focus {
-webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2);
}
#submit.disabled.alert:hover, #submit.disabled.alert:focus, #submit[disabled].alert:hover, #submit[disabled].alert:focus, button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus, input[type="submit"].disabled.alert:hover, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:hover, input[type="submit"][disabled].alert:focus {
color: white;
}
#submit.disabled.alert:hover, #submit.disabled.alert:focus, #submit[disabled].alert:hover, #submit[disabled].alert:focus, button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus, input[type="submit"].disabled.alert:hover, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:hover, input[type="submit"][disabled].alert:focus {
background-color: #c60f13;
}
#submit, button, .button, input[type="submit"] {
padding-top: 1em;
padding-bottom: 0.9375em;
}
#submit.tiny, button.tiny, .button.tiny, input[type="submit"].tiny {
padding-top: 0.5em;
padding-bottom: 0.4375em;
}
#submit.small, button.small, .button.small, input[type="submit"].small {
padding-top: 0.625em;
padding-bottom: 0.5625em;
}
#submit.large, button.large, .button.large, input[type="submit"].large {
padding-top: 1.03125em;
padding-bottom: 1.03125em;
}
@media only screen {
#submit.radius, button.radius, .button.radius, input[type="submit"].radius {
-webkit-border-radius: 2px;
border-radius: 2px;
}
#submit.round, button.round, .button.round, input[type="submit"].round {
-webkit-border-radius: 1000px;
border-radius: 1000px;
}
}
@media only screen and (min-width: 48em) {
#submit, button, .button, input[type="submit"] {
display: inline-block;
}
}
/* alternative button styles*/
.button.trans-button {
padding: 15px 15px;
}
a.button.trans-button.small {
padding: 10px 15px;
}
a.button.trans-button:hover {
box-shadow: none;
background-color: #2ecc71;
}
a.primary.trans-button:hover {
background-color: #2ecc71;
}
a.secondary.trans-button:hover {
background-color: #e74c3c;
}
a.alert.trans-button:hover {
background-color: #c60f13;
}
a.success.trans-button:hover {
background-color: #64b7f6;
}
.button.success.trans-button {
color: #64b7f6;
}
.button.alert.trans-button {
color: #c60f13;
}
.secondary.trans-button {
color: #e74c3c;
}
.trans-button {
color: #2ecc71;
padding-top: 0.67em;
padding-bottom: 0.56em;
}
.trans-button {
background-color: transparent !important;
font-weight: bolder;
border-width: 1px;
border-style: solid;
}
.trans-button:hover {
color: #FFF;
}
.button.white.trans-button {
color: #FFF;
}
.button.white.trans-button:hover {
color: #000;
background-color: white !important;
}
.button.gray.trans-button {
color: #555;
border-color: #555555;
}
.button.gray.trans-button:hover {
color: #fff;
background-color: #555 !important;
}
.facebook-button {
background-color: #3a589d !important;
}
/* Standard Forms */
form {
margin: 0 0 1em;
}
/* Using forms within rows, we need to set some defaults */
form .row .row {
margin: 0 -0.5em;
}
form .row .row .column,
form .row .row .columns {
padding: 0 0.5em;
}
form .row .row.collapse {
margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5em;
}
/* Label Styles */
label {
font-size: 1em;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 0.1875em;
}
label.right {
float: none;
text-align: right;
}
label.inline {
margin: 0 0 1em 0;
padding: 0.625em 0;
}
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-width: 1px;
overflow: hidden;
font-size: 1em;
height: 2.4375em;
line-height: 2.4375em;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125em;
}
.prefix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125em;
}
.prefix.button.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.postfix.button.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.prefix.button.round {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.postfix.button.round {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-top-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
background: #f2f2f2;
border-color: #d9d9d9;
border-right: none;
color: #333333;
}
span.prefix.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
span.postfix {
background: #f2f2f2;
border-color: #cccccc;
border-left: none;
color: #333333;
}
span.postfix.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.input-group.round > *:first-child, .input-group.round > *:first-child * {
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.input-group.round > *:last-child, .input-group.round > *:last-child * {
-moz-border-radius-topright: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-top-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
background-color: white;
font-family: inherit;
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 1em;
margin: 0 0 1em 0;
padding: 0.5em;
height: 2.75em;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
background: #fafafa;
outline: none;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
background-color: #dddddd;
}
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1em 0;
}
/* Normalize file input width */
input[type="file"] {
width: 100%;
}
/* We add basic fieldset styling */
fieldset {
border: solid 1px #dddddd;
padding: 1.25em;
margin: 1.125em 0;
}
fieldset legend {
font-weight: bold;
background: white;
padding: 0 0.1875em;
margin: 0;
margin-left: -0.1875em;
}
/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
}
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
background: #fafafa;
border-color: #999999;
}
.error label,
label.error {
color: #c60f13;
}
.error small,
small.error {
display: block;
padding: 0.375em 0.25em;
margin-top: -1.3125em;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white;
}
/* Error Handling WooCommerce */
.woocommerce-invalid input, .woocommerce-invalid input,
input.woocommerce-invalid,
.woocommerce-invalid textarea,
textarea.woocommerce-invalid {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
}
.woocommerce-invalid input:focus, .woocommerce-invalid input:focus,
input.woocommerce-invalid:focus,
.woocommerce-invalid textarea:focus,
textarea.woocommerce-invalid:focus {
background: #fafafa;
border-color: #999999;
}
.woocommerce-invalid label,
label.woocommerce-invalid {
color: #c60f13;
}
.woocommerce-invalid small,
small.woocommerce-invalid {
display: block;
padding: 0.375em 0.25em;
margin-top: -1.3125em;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white;
}
/* Foundation Alerts */
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-weight: bold;
margin-bottom: 1.25em;
position: relative;
padding: 0.6875em 1.3125em 0.75em 0.6875em;
font-size: 0.875em;
background-color: #2ecc71;
border-color: #25a25a;
color: white;
}
.alert-box .close {
font-size: 1.375em;
padding: 5px 4px 4px;
line-height: 0;
position: absolute;
top: 0.4375em;
right: 0.3125em;
color: #333333;
opacity: 0.3;
}
.alert-box .close:hover, .alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
-webkit-border-radius: 6px;
border-radius: 6px;
}
.alert-box.round {
-webkit-border-radius: 1000px;
border-radius: 1000px;
}
.alert-box.success {
background-color: #64b7f6;
border-color: #34a1f3;
color: white;
}
.alert-box.alert {
background-color: #c60f13;
border-color: #970b0e;
color: white;
}
.alert-box.secondary {
background-color: #e74c3c;
border-color: #d62c1a;
color: white;
}
/* Pagination */
.pagination {
display: block;
height: 1.5em;
margin-left: -0.3125em;
}
.pagination li {
display: block;
float: left;
height: 1.5em;
color: #222222;
font-size: 0.875em;
margin-left: 0.3125em;
}
.pagination li a {
display: block;
padding: 0.0625em 0.4375em 0.0625em;
color: #999999;
}
.pagination li:hover a,
.pagination li a:focus {
background: #e6e6e6;
}
.pagination li.unavailable a {
cursor: default;
color: #999999;
}
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
background: transparent;
}
.pagination li.current a {
background: #2ecc71;
color: white;
font-weight: bold;
cursor: default;
}
.pagination li.current a:hover, .pagination li.current a:focus {
background: #2ecc71;
}
.pagination-centered {
text-align: center;
}
.pagination-centered ul > li {
float: none;
display: inline-block;
}
/* Tables */
table {
margin-bottom: 1.25em;
width: 100%;
}
table thead,
table tfoot {
font-weight: bold;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
padding: 0.5em 0;
font-size: 0.8125em;
text-align: left;
}
table tr th,
table tr td {
padding: 0.5625em 0em;
font-size: 0.8125em;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
display: table-cell;
line-height: 1.125em;
}
table th {
font-weight: bold;
}
table td, table th {
padding: 0px 10px 15px;
text-align: left;
}
table tr:last-child {
border-bottom: 0;
}
/* JC Override */
a{
color: #f1592a;
}
.cart-wrapper{
text-align: right;
padding: 15px 10px;
}
.shop_table td,
.shop_table th{
padding: 5px 3px;
}
.shop_table th.product-quantity{
font-size: 0;
}
.shop_table th.product-quantity:before{
content: "QTY";
font-size: 13px;
padding-top: 7px;
display: inline-block;
}
.shop_table td{
font-size: 90%;
line-height: 1.4;
}
.shop_table td.product-thumbnail{
padding: 0;
border: none;
}
.shop_table td.product-thumbnail img {
display: none;
padding: 0;
}
.shop_table.cart td.product-name{
text-align: left;
padding: 5px 3px;
font-size: 90%;
border-left: 0;
}
.cart-wrapper table.shop_table,
.shop_table.wishlist_table{
min-width: 0;
}
.shop_table td.product-quantity{
padding: 5px;
}
.shop_table .product-quantity .input-text.qty {
width: 40px;
height: 40px;
padding: 5px;
text-align: center;
margin-bottom: 0;
}
.cart-wrapper input.button{
margin: 0 0 0 auto;
}
.coupon:before,
.coupon:after{
content: "";
display: table;
}
.coupon:after{
clear: left;
}
.coupon{
padding: 15px 0 0 0;
}
.coupon .widget-title{
margin: 0;
padding: 0 0 10px 0;
font-weight: 400;
font-size: 16px;
line-height: 1;
}
.coupon input[type=text]{
float: left;
width: 50%;
height: 40px;
max-width: 180px;
}
.coupon input[type=submit]{
float: left;
height: 40px;
}
.cart-sidebar{
padding: 15px 0 0 0;
}
.cart_totals h2{
padding: 0 0 8px 0;
margin: 0;
font-size: 16px;
line-height: 1;
}
.cart-sidebar .cart_totals td{
font-size: 90%;
}
.wc-proceed-to-checkout{
text-align: right;
}
.wc-proceed-to-checkout .checkout-button{
font-size: 17px;
}
.woocommerce-error{
border-color: #f1592a;
color: #f1592a;
}
@media (min-width: 500px){
.shop_table td,
.shop_table th{
padding: 7px;
}
.shop_table th.product-quantity{
font-size: 13px;
}
.shop_table th.product-quantity:before{
display: none;
}
.shop_table td.product-thumbnail{
padding: 5px;
border: 1px solid #ccc;
text-align:center;
}
.shop_table td.product-thumbnail a{
display: inline-block;
margin: 0 auto;
}
.shop_table td.product-thumbnail img {
display: block;
max-width: 75px;
width: 100%;
}
.shop_table.cart td.product-name{
border-left: 1px solid #ccc;
}
.shop_table td.product-quantity{
padding: 8px;
}
}
ul.wc_payment_methods{
margin-bottom: 20px;
}
.wc_payment_methods li {
position: relative;
padding-left: 20px;
}
.wc_payment_methods li input[type=radio]{
position: absolute;
top: 10px;
left: 0;
}
.wc_payment_methods li.payment_method_paypal input[type=radio]{
top: 38px;
}
ul.wc_payment_methods li label{
margin-left: 0;
}
ul.wc_payment_methods li label img{
margin-left: 5px;
margin-right: 10px;
}
.payment_method_paypal a.about_paypal{
display: inline-block;
margin: -10px 0 0 0;
font-size: 80%;
color: #555;
text-decoration: underline;
}
.select2-container.state_select .select2-choice{
padding: 7px
}
#order_comments{
height: 100px;
}
.place-order{
text-align: right;
}
.place-order .button{
font-size: 17px;
}
ul.woocommerce-thankyou-order-details {
padding-left: 20px;
}
.woocommerce ul.woocommerce-thankyou-order-details li{
font-size: 14px;
}
.order__customer-details h3{
text-transform: uppercase;
}
.order_details th,
.order_details td,
.customer_details th,
.customer_details td,
.order__customer-details address{
padding: 10px 15px;
border: 1px solid #ddd;
font-size: 14px;
}
.order__customer-details address{
font-size: 90%;
line-height: 1.4;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li{
display: inline-block;
margin: 0 20px 25px 0;
padding: 0 10px 0 0;
line-height: 1;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li:last-child{
border: none;
padding-right: none;
margin-right: 0;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a{
color: #555;
border-bottom: 2px solid #f1592a;
padding-bottom: 8px;
}
.woocommerce-MyAccount-content{
}
.shop_table td,
.shop_table th{
border: 1px solid #ddd;
}
td.order-actions,
td.download-actions{
text-align: center;
}
td.order-actions a.button,
td.download-actions a.button{
font-weight: 600 !important;
}
.woocommerce-Addresses h3{
text-transform: uppercase;
font-size: 120%;
}
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-Addresses .woocommerce-Address + .woocommerce-Address{
border: 1px solid #ddd;
padding: 10px;
float: left;
margin: 0 30px 20px 0
}
.woocommerce-Addresses .woocommerce-Address + .woocommerce-Address{
margin-right: 0;
}
.woocommerce-Addresses address{
font-size: 14px;
line-height: 1.3;
}
.woocommerce-EditAccountForm.edit-account,
.woocommerce-EditAccountForm.edit-address{
max-width: 400px;
}
small.download-url {
font-size: 100%;
}
.my-account ul.woocommerce-error {
margin-left: 0 !important;
margin-top: 0;
}