@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var {
background: transparent;
border: 0;
box-sizing: border-box;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
figure {
margin: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
select,
textarea {
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 0;
}
button,
input[type="email"],
input[type="password"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
textarea {
appearance: none;
-moz-appearance: initial;
-webkit-appearance: none;
}
@font-face {
font-display: block;
font-family: Custom Icons;
font-style: normal;
font-weight: 400;
src: url(//framatica.com/wp-content/themes/framatica/assets/fonts/icons/icons.eot?ver=1.61);
src:
url(//framatica.com/wp-content/themes/framatica/assets/fonts/icons/icons.eot?ver=1.61#iefix) format("embedded-opentype"),
url(//framatica.com/wp-content/themes/framatica/assets/fonts/icons/icons.ttf?ver=1.61) format("truetype"),
url(//framatica.com/wp-content/themes/framatica/assets/fonts/icons/icons.woff?ver=1.61) format("woff"),
url(//framatica.com/wp-content/themes/framatica/assets/fonts/icons/icons.svg?ver=1.61#icons) format("svg");
}
.outter_row,
.row {
align-items: stretch;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: auto;
margin-right: auto;
max-width: 1435px;
position: relative;
width: 100%;
}
.outter_row.full,
.row.full {
max-width: none !important;
}
.outter_row.static,
.row.static {
position: static;
}
@media (min-width: 480px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 460px !important;
}
}
@media (min-width: 640px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 620px !important;
}
}
@media (min-width: 768px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 748px !important;
}
}
@media (min-width: 992px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 972px !important;
}
}
@media (min-width: 1200px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 1180px !important;
}
}
@media (min-width: 1540px) {
.elementor-section-boxed .elementor-container:not(.elementor-column-gap-no),
.outter_row,
.row {
max-width: 1435px !important;
}
}
.elementor-section-boxed
.elementor-container:not(.elementor-column-gap-no)
.row,
.outter_row .row,
.row .row {
max-width: calc(100% + 20px) !important;
}
@media (min-width: 768px) {
.elementor-section-boxed
.elementor-container:not(.elementor-column-gap-no)
.row,
.outter_row .row,
.row .row {
max-width: calc(100% + 20px) !important;
}
}
@media (min-width: 1200px) {
.elementor-section-boxed.outter_elementor .elementor-container,
.outter_row {
max-width: 1715px !important;
}
}
@media (min-width: 992px) {
.narrow_row .elementor-container:not(.elementor-column-gap-no) {
max-width: 960px !important;
}
}
.outter_row .row,
.row .row {
margin-left: -10px;
max-width: calc(100% + 20px);
padding-left: 0;
padding-right: 0;
width: calc(100% + 20px);
}
@media (min-width: 768px) {
.outter_row .row,
.row .row {
margin-left: -10px;
max-width: calc(100% + 20px);
width: calc(100% + 20px);
}
}
.col,
.col-md-12 {
flex-grow: 1;
flex: 0 0 auto;
flex-basis: 100%;
float: left;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media (min-width: 768px) {
.col,
.col-md-12 {
padding-left: 10px;
padding-right: 10px;
}
}
.col-md-12.no_gut,
.col.no_gut {
padding: 0 !important;
}
.col-md-12.no_gut .row,
.col.no_gut .row {
margin-left: 0;
max-width: 100%;
width: 100%;
}
.col.default_start,
.outter_row.default_start,
.row.default_start {
justify-content: flex-start;
}
.col.default_center,
.outter_row.default_center,
.row.default_center {
justify-content: center;
}
.col.default_end,
.outter_row.default_end,
.row.default_end {
justify-content: flex-end;
}
.col.default_stretch,
.outter_row.default_stretch,
.row.default_stretch {
align-items: stretch;
}
.col.default_top,
.outter_row.default_top,
.row.default_top {
align-items: flex-start;
}
.col.default_middle,
.outter_row.default_middle,
.row.default_middle {
align-items: center;
}
.col.default_bottom,
.outter_row.default_bottom,
.row.default_bottom {
align-items: flex-end;
}
.col.default_between,
.outter_row.default_between,
.row.default_between {
justify-content: space-between;
}
.col.default_around,
.outter_row.default_around,
.row.default_around {
justify-content: space-around;
}
.col.default_reverse,
.outter_row.default_reverse,
.row.default_reverse {
flex-direction: row-reverse;
}
.col.default_forward,
.outter_row.default_forward,
.row.default_forward {
flex-direction: row;
}
.col.default_prefix_0 {
margin-left: 0;
}
.col.default_suffix_0 {
margin-right: 0;
}
.col.default_unset {
order: 0;
}
.col.default_first {
order: -1;
}
.col.default_last {
order: 1;
}
.col.default_1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col.default_prefix_1 {
margin-left: 8.3333333333%;
}
.col.default_suffix_1 {
margin-right: 8.3333333333%;
}
.col.default_2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col.default_prefix_2 {
margin-left: 16.6666666667%;
}
.col.default_suffix_2 {
margin-right: 16.6666666667%;
}
.col.default_3 {
flex-basis: 25%;
max-width: 25%;
}
.col.default_prefix_3 {
margin-left: 25%;
}
.col.default_suffix_3 {
margin-right: 25%;
}
.col.default_4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col.default_prefix_4 {
margin-left: 33.3333333333%;
}
.col.default_suffix_4 {
margin-right: 33.3333333333%;
}
.col.default_5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col.default_prefix_5 {
margin-left: 41.6666666667%;
}
.col.default_suffix_5 {
margin-right: 41.6666666667%;
}
.col.default_6 {
flex-basis: 50%;
max-width: 50%;
}
.col.default_prefix_6 {
margin-left: 50%;
}
.col.default_suffix_6 {
margin-right: 50%;
}
.col.default_7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col.default_prefix_7 {
margin-left: 58.3333333333%;
}
.col.default_suffix_7 {
margin-right: 58.3333333333%;
}
.col.default_8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col.default_prefix_8 {
margin-left: 66.6666666667%;
}
.col.default_suffix_8 {
margin-right: 66.6666666667%;
}
.col.default_9 {
flex-basis: 75%;
max-width: 75%;
}
.col.default_prefix_9 {
margin-left: 75%;
}
.col.default_suffix_9 {
margin-right: 75%;
}
.col.default_10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col.default_prefix_10 {
margin-left: 83.3333333333%;
}
.col.default_suffix_10 {
margin-right: 83.3333333333%;
}
.col.default_11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col.default_prefix_11 {
margin-left: 91.6666666667%;
}
.col.default_suffix_11 {
margin-right: 91.6666666667%;
}
.col.default_12 {
flex-basis: 100%;
max-width: 100%;
}
.col.default_prefix_12 {
margin-left: 100%;
}
.col.default_suffix_12 {
margin-right: 100%;
}
.default_hide {
display: none !important;
}
.default_block {
display: block !important;
}
.default_inline_block {
display: inline-block !important;
}
.default_flex {
display: flex !important;
}
@media (min-width: 768px) {
.col.medium_start,
.outter_row.medium_start,
.row.medium_start {
justify-content: flex-start;
}
.col.medium_center,
.outter_row.medium_center,
.row.medium_center {
justify-content: center;
}
.col.medium_end,
.outter_row.medium_end,
.row.medium_end {
justify-content: flex-end;
}
.col.medium_stretch,
.outter_row.medium_stretch,
.row.medium_stretch {
align-items: stretch;
}
.col.medium_top,
.outter_row.medium_top,
.row.medium_top {
align-items: flex-start;
}
.col.medium_middle,
.outter_row.medium_middle,
.row.medium_middle {
align-items: center;
}
.col.medium_bottom,
.outter_row.medium_bottom,
.row.medium_bottom {
align-items: flex-end;
}
.col.medium_between,
.outter_row.medium_between,
.row.medium_between {
justify-content: space-between;
}
.col.medium_around,
.outter_row.medium_around,
.row.medium_around {
justify-content: space-around;
}
.col.medium_reverse,
.outter_row.medium_reverse,
.row.medium_reverse {
flex-direction: row-reverse;
}
.col.medium_forward,
.outter_row.medium_forward,
.row.medium_forward {
flex-direction: row;
}
.col.medium_prefix_0 {
margin-left: 0;
}
.col.medium_suffix_0 {
margin-right: 0;
}
.col.medium_unset {
order: 0;
}
.col.medium_first {
order: -1;
}
.col.medium_last {
order: 1;
}
.col.medium_1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col.medium_prefix_1 {
margin-left: 8.3333333333%;
}
.col.medium_suffix_1 {
margin-right: 8.3333333333%;
}
.col.medium_2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col.medium_prefix_2 {
margin-left: 16.6666666667%;
}
.col.medium_suffix_2 {
margin-right: 16.6666666667%;
}
.col.medium_3 {
flex-basis: 25%;
max-width: 25%;
}
.col.medium_prefix_3 {
margin-left: 25%;
}
.col.medium_suffix_3 {
margin-right: 25%;
}
.col.medium_4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col.medium_prefix_4 {
margin-left: 33.3333333333%;
}
.col.medium_suffix_4 {
margin-right: 33.3333333333%;
}
.col.medium_5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col.medium_prefix_5 {
margin-left: 41.6666666667%;
}
.col.medium_suffix_5 {
margin-right: 41.6666666667%;
}
.col.medium_6 {
flex-basis: 50%;
max-width: 50%;
}
.col.medium_prefix_6 {
margin-left: 50%;
}
.col.medium_suffix_6 {
margin-right: 50%;
}
.col.medium_7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col.medium_prefix_7 {
margin-left: 58.3333333333%;
}
.col.medium_suffix_7 {
margin-right: 58.3333333333%;
}
.col.medium_8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col.medium_prefix_8 {
margin-left: 66.6666666667%;
}
.col.medium_suffix_8 {
margin-right: 66.6666666667%;
}
.col.medium_9 {
flex-basis: 75%;
max-width: 75%;
}
.col.medium_prefix_9 {
margin-left: 75%;
}
.col.medium_suffix_9 {
margin-right: 75%;
}
.col.medium_10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col.medium_prefix_10 {
margin-left: 83.3333333333%;
}
.col.medium_suffix_10 {
margin-right: 83.3333333333%;
}
.col.medium_11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col.medium_prefix_11 {
margin-left: 91.6666666667%;
}
.col.medium_suffix_11 {
margin-right: 91.6666666667%;
}
.col.medium_12 {
flex-basis: 100%;
max-width: 100%;
}
.col.medium_prefix_12 {
margin-left: 100%;
}
.col.medium_suffix_12 {
margin-right: 100%;
}
.medium_hide {
display: none !important;
}
.medium_block {
display: block !important;
}
.medium_inline_block {
display: inline-block !important;
}
.medium_flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.col.large_start,
.outter_row.large_start,
.row.large_start {
justify-content: flex-start;
}
.col.large_center,
.outter_row.large_center,
.row.large_center {
justify-content: center;
}
.col.large_end,
.outter_row.large_end,
.row.large_end {
justify-content: flex-end;
}
.col.large_stretch,
.outter_row.large_stretch,
.row.large_stretch {
align-items: stretch;
}
.col.large_top,
.outter_row.large_top,
.row.large_top {
align-items: flex-start;
}
.col.large_middle,
.outter_row.large_middle,
.row.large_middle {
align-items: center;
}
.col.large_bottom,
.outter_row.large_bottom,
.row.large_bottom {
align-items: flex-end;
}
.col.large_between,
.outter_row.large_between,
.row.large_between {
justify-content: space-between;
}
.col.large_around,
.outter_row.large_around,
.row.large_around {
justify-content: space-around;
}
.col.large_reverse,
.outter_row.large_reverse,
.row.large_reverse {
flex-direction: row-reverse;
}
.col.large_forward,
.outter_row.large_forward,
.row.large_forward {
flex-direction: row;
}
.col.large_prefix_0 {
margin-left: 0;
}
.col.large_suffix_0 {
margin-right: 0;
}
.col.large_unset {
order: 0;
}
.col.large_first {
order: -1;
}
.col.large_last {
order: 1;
}
.col.large_1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col.large_prefix_1 {
margin-left: 8.3333333333%;
}
.col.large_suffix_1 {
margin-right: 8.3333333333%;
}
.col.large_2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col.large_prefix_2 {
margin-left: 16.6666666667%;
}
.col.large_suffix_2 {
margin-right: 16.6666666667%;
}
.col.large_3 {
flex-basis: 25%;
max-width: 25%;
}
.col.large_prefix_3 {
margin-left: 25%;
}
.col.large_suffix_3 {
margin-right: 25%;
}
.col.large_4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col.large_prefix_4 {
margin-left: 33.3333333333%;
}
.col.large_suffix_4 {
margin-right: 33.3333333333%;
}
.col.large_5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col.large_prefix_5 {
margin-left: 41.6666666667%;
}
.col.large_suffix_5 {
margin-right: 41.6666666667%;
}
.col.large_6 {
flex-basis: 50%;
max-width: 50%;
}
.col.large_prefix_6 {
margin-left: 50%;
}
.col.large_suffix_6 {
margin-right: 50%;
}
.col.large_7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col.large_prefix_7 {
margin-left: 58.3333333333%;
}
.col.large_suffix_7 {
margin-right: 58.3333333333%;
}
.col.large_8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col.large_prefix_8 {
margin-left: 66.6666666667%;
}
.col.large_suffix_8 {
margin-right: 66.6666666667%;
}
.col.large_9 {
flex-basis: 75%;
max-width: 75%;
}
.col.large_prefix_9 {
margin-left: 75%;
}
.col.large_suffix_9 {
margin-right: 75%;
}
.col.large_10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col.large_prefix_10 {
margin-left: 83.3333333333%;
}
.col.large_suffix_10 {
margin-right: 83.3333333333%;
}
.col.large_11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col.large_prefix_11 {
margin-left: 91.6666666667%;
}
.col.large_suffix_11 {
margin-right: 91.6666666667%;
}
.col.large_12 {
flex-basis: 100%;
max-width: 100%;
}
.col.large_prefix_12 {
margin-left: 100%;
}
.col.large_suffix_12 {
margin-right: 100%;
}
.large_hide {
display: none !important;
}
.large_block {
display: block !important;
}
.large_inline_block {
display: inline-block !important;
}
.large_flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.col.giant_start,
.outter_row.giant_start,
.row.giant_start {
justify-content: flex-start;
}
.col.giant_center,
.outter_row.giant_center,
.row.giant_center {
justify-content: center;
}
.col.giant_end,
.outter_row.giant_end,
.row.giant_end {
justify-content: flex-end;
}
.col.giant_stretch,
.outter_row.giant_stretch,
.row.giant_stretch {
align-items: stretch;
}
.col.giant_top,
.outter_row.giant_top,
.row.giant_top {
align-items: flex-start;
}
.col.giant_middle,
.outter_row.giant_middle,
.row.giant_middle {
align-items: center;
}
.col.giant_bottom,
.outter_row.giant_bottom,
.row.giant_bottom {
align-items: flex-end;
}
.col.giant_between,
.outter_row.giant_between,
.row.giant_between {
justify-content: space-between;
}
.col.giant_around,
.outter_row.giant_around,
.row.giant_around {
justify-content: space-around;
}
.col.giant_reverse,
.outter_row.giant_reverse,
.row.giant_reverse {
flex-direction: row-reverse;
}
.col.giant_forward,
.outter_row.giant_forward,
.row.giant_forward {
flex-direction: row;
}
.col.giant_prefix_0 {
margin-left: 0;
}
.col.giant_suffix_0 {
margin-right: 0;
}
.col.giant_unset {
order: 0;
}
.col.giant_first {
order: -1;
}
.col.giant_last {
order: 1;
}
.col.giant_1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col.giant_prefix_1 {
margin-left: 8.3333333333%;
}
.col.giant_suffix_1 {
margin-right: 8.3333333333%;
}
.col.giant_2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col.giant_prefix_2 {
margin-left: 16.6666666667%;
}
.col.giant_suffix_2 {
margin-right: 16.6666666667%;
}
.col.giant_3 {
flex-basis: 25%;
max-width: 25%;
}
.col.giant_prefix_3 {
margin-left: 25%;
}
.col.giant_suffix_3 {
margin-right: 25%;
}
.col.giant_4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col.giant_prefix_4 {
margin-left: 33.3333333333%;
}
.col.giant_suffix_4 {
margin-right: 33.3333333333%;
}
.col.giant_5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col.giant_prefix_5 {
margin-left: 41.6666666667%;
}
.col.giant_suffix_5 {
margin-right: 41.6666666667%;
}
.col.giant_6 {
flex-basis: 50%;
max-width: 50%;
}
.col.giant_prefix_6 {
margin-left: 50%;
}
.col.giant_suffix_6 {
margin-right: 50%;
}
.col.giant_7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col.giant_prefix_7 {
margin-left: 58.3333333333%;
}
.col.giant_suffix_7 {
margin-right: 58.3333333333%;
}
.col.giant_8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col.giant_prefix_8 {
margin-left: 66.6666666667%;
}
.col.giant_suffix_8 {
margin-right: 66.6666666667%;
}
.col.giant_9 {
flex-basis: 75%;
max-width: 75%;
}
.col.giant_prefix_9 {
margin-left: 75%;
}
.col.giant_suffix_9 {
margin-right: 75%;
}
.col.giant_10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col.giant_prefix_10 {
margin-left: 83.3333333333%;
}
.col.giant_suffix_10 {
margin-right: 83.3333333333%;
}
.col.giant_11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col.giant_prefix_11 {
margin-left: 91.6666666667%;
}
.col.giant_suffix_11 {
margin-right: 91.6666666667%;
}
.col.giant_12 {
flex-basis: 100%;
max-width: 100%;
}
.col.giant_prefix_12 {
margin-left: 100%;
}
.col.giant_suffix_12 {
margin-right: 100%;
}
.giant_hide {
display: none !important;
}
.giant_block {
display: block !important;
}
.giant_inline_block {
display: inline-block !important;
}
.giant_flex {
display: flex !important;
}
}
@media (min-width: 1540px) {
.col.layout_start,
.outter_row.layout_start,
.row.layout_start {
justify-content: flex-start;
}
.col.layout_center,
.outter_row.layout_center,
.row.layout_center {
justify-content: center;
}
.col.layout_end,
.outter_row.layout_end,
.row.layout_end {
justify-content: flex-end;
}
.col.layout_stretch,
.outter_row.layout_stretch,
.row.layout_stretch {
align-items: stretch;
}
.col.layout_top,
.outter_row.layout_top,
.row.layout_top {
align-items: flex-start;
}
.col.layout_middle,
.outter_row.layout_middle,
.row.layout_middle {
align-items: center;
}
.col.layout_bottom,
.outter_row.layout_bottom,
.row.layout_bottom {
align-items: flex-end;
}
.col.layout_between,
.outter_row.layout_between,
.row.layout_between {
justify-content: space-between;
}
.col.layout_around,
.outter_row.layout_around,
.row.layout_around {
justify-content: space-around;
}
.col.layout_reverse,
.outter_row.layout_reverse,
.row.layout_reverse {
flex-direction: row-reverse;
}
.col.layout_forward,
.outter_row.layout_forward,
.row.layout_forward {
flex-direction: row;
}
.col.layout_prefix_0 {
margin-left: 0;
}
.col.layout_suffix_0 {
margin-right: 0;
}
.col.layout_unset {
order: 0;
}
.col.layout_first {
order: -1;
}
.col.layout_last {
order: 1;
}
.col.layout_1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col.layout_prefix_1 {
margin-left: 8.3333333333%;
}
.col.layout_suffix_1 {
margin-right: 8.3333333333%;
}
.col.layout_2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col.layout_prefix_2 {
margin-left: 16.6666666667%;
}
.col.layout_suffix_2 {
margin-right: 16.6666666667%;
}
.col.layout_3 {
flex-basis: 25%;
max-width: 25%;
}
.col.layout_prefix_3 {
margin-left: 25%;
}
.col.layout_suffix_3 {
margin-right: 25%;
}
.col.layout_4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col.layout_prefix_4 {
margin-left: 33.3333333333%;
}
.col.layout_suffix_4 {
margin-right: 33.3333333333%;
}
.col.layout_5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col.layout_prefix_5 {
margin-left: 41.6666666667%;
}
.col.layout_suffix_5 {
margin-right: 41.6666666667%;
}
.col.layout_6 {
flex-basis: 50%;
max-width: 50%;
}
.col.layout_prefix_6 {
margin-left: 50%;
}
.col.layout_suffix_6 {
margin-right: 50%;
}
.col.layout_7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col.layout_prefix_7 {
margin-left: 58.3333333333%;
}
.col.layout_suffix_7 {
margin-right: 58.3333333333%;
}
.col.layout_8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col.layout_prefix_8 {
margin-left: 66.6666666667%;
}
.col.layout_suffix_8 {
margin-right: 66.6666666667%;
}
.col.layout_9 {
flex-basis: 75%;
max-width: 75%;
}
.col.layout_prefix_9 {
margin-left: 75%;
}
.col.layout_suffix_9 {
margin-right: 75%;
}
.col.layout_10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col.layout_prefix_10 {
margin-left: 83.3333333333%;
}
.col.layout_suffix_10 {
margin-right: 83.3333333333%;
}
.col.layout_11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col.layout_prefix_11 {
margin-left: 91.6666666667%;
}
.col.layout_suffix_11 {
margin-right: 91.6666666667%;
}
.col.layout_12 {
flex-basis: 100%;
max-width: 100%;
}
.col.layout_prefix_12 {
margin-left: 100%;
}
.col.layout_suffix_12 {
margin-right: 100%;
}
.layout_hide {
display: none !important;
}
.layout_block {
display: block !important;
}
.layout_inline_block {
display: inline-block !important;
}
.layout_flex {
display: flex !important;
}
}
.datepickers-container .datepicker--nav {
display: none;
}
.datepickers-container .datepicker--days-names {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.datepickers-container .datepicker--day-name {
color: #7a7a7a;
}
.datepickers-container .-weekend- {
color: #000;
font-weight: 700;
}
.datepickers-container .-current- {
background: transparent;
color: #7a7a7a !important;
position: relative;
}
.datepickers-container .-current-:hover:before {
background: transparent;
}
.datepickers-container .-current-:before {
background: #f8aa19;
border-radius: 100%;
content: "";
height: 80%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
z-index: -1;
}
.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
color: var(--adp-color-other-month);
}
.air-datepicker-cell.-day-.-other-month-:hover,
.air-datepicker-cell.-year-.-other-decade-:hover {
color: var(--adp-color-other-month-hover);
}
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
color: var(--adp-color-other-month);
}
.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
background: var(--adp-background-color-selected-other-month);
color: #fff;
}
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
background: var(--adp-background-color-selected-other-month-focused);
}
.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
background-color: var(--adp-background-color-in-range);
color: var(--adp-color);
}
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
background-color: var(--adp-background-color-in-range-focused);
}
.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
background: none;
border: none;
}
.air-datepicker-cell {
align-items: center;
border-radius: var(--adp-cell-border-radius);
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.air-datepicker-cell.-focus- {
background: var(--adp-cell-background-color-hover);
}
.air-datepicker-cell.-current- {
color: var(--adp-color-current-date);
}
.air-datepicker-cell.-current-.-focus- {
color: var(--adp-color);
}
.air-datepicker-cell.-current-.-in-range- {
color: var(--adp-color-current-date);
}
.air-datepicker-cell.-disabled- {
color: var(--adp-color-disabled);
cursor: default;
}
.air-datepicker-cell.-disabled-.-focus- {
color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-in-range- {
color: var(--adp-color-disabled-in-range);
}
.air-datepicker-cell.-disabled-.-current-.-focus- {
color: var(--adp-color-disabled);
}
.air-datepicker-cell.-in-range- {
background: var(--adp-cell-background-color-in-range);
border-radius: 0;
}
.air-datepicker-cell.-in-range-.-focus-,
.air-datepicker-cell.-in-range-:hover {
background: var(--adp-cell-background-color-in-range-hover);
}
.air-datepicker-cell.-range-from- {
background-color: var(--adp-cell-background-color-in-range);
border: 1px solid var(--adp-cell-border-color-in-range);
border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}
.air-datepicker-cell.-range-to- {
background-color: var(--adp-cell-background-color-in-range);
border: 1px solid var(--adp-cell-border-color-in-range);
border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}
.air-datepicker-cell.-range-to-.-range-from- {
border-radius: var(--adp-cell-border-radius);
}
.air-datepicker-cell.-selected- {
border: none;
}
.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current- {
background: var(--adp-cell-background-color-selected);
color: #fff;
}
.air-datepicker-cell.-selected-.-focus- {
background: var(--adp-cell-background-color-selected-hover);
}
.air-datepicker-body {
transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}
.air-datepicker-body.-hidden- {
display: none;
}
.air-datepicker-body--day-names {
display: grid;
grid-template-columns: repeat(7, var(--adp-day-cell-width));
margin: 8px 0 3px;
}
.air-datepicker-body--day-name {
align-items: center;
color: var(--adp-day-name-color);
display: flex;
flex: 1;
font-size: 0.8em;
justify-content: center;
text-align: center;
text-transform: uppercase;
}
.air-datepicker-body--day-name.-clickable- {
cursor: pointer;
}
.air-datepicker-body--day-name.-clickable-:hover {
color: var(--adp-day-name-color-hover);
}
.air-datepicker-body--cells {
display: grid;
}
.air-datepicker-body--cells.-days- {
grid-auto-rows: var(--adp-day-cell-height);
grid-template-columns: repeat(7, var(--adp-day-cell-width));
}
.air-datepicker-body--cells.-months- {
grid-auto-rows: var(--adp-month-cell-height);
grid-template-columns: repeat(3, 1fr);
}
.air-datepicker-body--cells.-years- {
grid-auto-rows: var(--adp-year-cell-height);
grid-template-columns: repeat(4, 1fr);
}
.air-datepicker-nav {
border-bottom: 1px solid var(--adp-border-color-inner);
box-sizing: content-box;
display: flex;
justify-content: space-between;
min-height: var(--adp-nav-height);
padding: var(--adp-padding);
}
.-only-timepicker- .air-datepicker-nav {
display: none;
}
.air-datepicker-nav--action,
.air-datepicker-nav--title {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
}
.air-datepicker-nav--action {
border-radius: var(--adp-border-radius);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: var(--adp-nav-action-size);
}
.air-datepicker-nav--action:hover {
background: var(--adp-background-color-hover);
}
.air-datepicker-nav--action:active {
background: var(--adp-background-color-active);
}
.air-datepicker-nav--action.-disabled- {
visibility: hidden;
}
.air-datepicker-nav--action svg {
height: 32px;
width: 32px;
}
.air-datepicker-nav--action path {
fill: none;
stroke: var(--adp-nav-arrow-color);
stroke-width: 2px;
}
.air-datepicker-nav--title {
border-radius: var(--adp-border-radius);
padding: 0 8px;
}
.air-datepicker-nav--title i {
color: var(--adp-nav-color-secondary);
font-style: normal;
margin-left: 0.3em;
}
.air-datepicker-nav--title:hover {
background: var(--adp-background-color-hover);
}
.air-datepicker-nav--title:active {
background: var(--adp-background-color-active);
}
.air-datepicker-nav--title.-disabled- {
background: none;
cursor: default;
}
.air-datepicker-buttons {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
.air-datepicker-button {
background: hsla(0, 0%, 100%, 0);
border: none;
border-radius: var(--adp-btn-border-radius);
color: var(--adp-btn-color);
cursor: pointer;
display: inline-flex;
height: var(--adp-btn-height);
}
.air-datepicker-button:focus,
.air-datepicker-button:hover {
background: var(--adp-btn-background-color-hover);
color: var(--adp-btn-color-hover);
}
.air-datepicker-button:focus {
outline: none;
}
.air-datepicker-button:active {
background: var(--adp-btn-background-color-active);
}
.air-datepicker-button span {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
outline: none;
width: 100%;
}
.air-datepicker-time {
display: grid;
grid-template-columns: max-content 1fr;
grid-column-gap: 12px;
align-items: center;
padding: 0 var(--adp-time-padding-inner);
position: relative;
}
.-only-timepicker- .air-datepicker-time {
border-top: none;
}
.air-datepicker-time--current {
align-items: center;
display: flex;
flex: 1;
font-size: 14px;
text-align: center;
}
.air-datepicker-time--current-colon {
line-height: 1;
margin: 0 2px 3px;
}
.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
font-family:
Century Gothic,
CenturyGothic,
AppleGothic,
sans-serif;
font-size: 19px;
line-height: 1;
position: relative;
z-index: 1;
}
.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
background: var(--adp-background-color-hover);
border-radius: var(--adp-border-radius);
bottom: -2px;
content: "";
left: -2px;
opacity: 0;
position: absolute;
right: -2px;
top: -3px;
z-index: -1;
}
.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
opacity: 1;
}
.air-datepicker-time--current-ampm {
align-self: flex-end;
color: var(--adp-time-day-period-color);
font-size: 11px;
margin-bottom: 1px;
margin-left: 6px;
text-transform: uppercase;
}
.air-datepicker-time--row {
align-items: center;
background: linear-gradient(
to right,
var(--adp-time-track-color),
var(--adp-time-track-color)
)
left 50%/100% var(--adp-time-track-height) no-repeat;
display: flex;
font-size: 11px;
height: 17px;
}
.air-datepicker-time--row:first-child {
margin-bottom: 4px;
}
.air-datepicker-time--row input[type="range"] {
-webkit-appearance: none;
background: none;
cursor: pointer;
flex: 1;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.air-datepicker-time--row input[type="range"]::-ms-tooltip {
display: none;
}
.air-datepicker-time--row input[type="range"]:hover::-webkit-slider-thumb {
border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type="range"]:hover::-moz-range-thumb {
border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type="range"]:hover::-ms-thumb {
border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type="range"]:focus {
outline: none;
}
.air-datepicker-time--row input[type="range"]:focus::-webkit-slider-thumb {
background: var(--adp-cell-background-color-selected);
border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type="range"]:focus::-moz-range-thumb {
background: var(--adp-cell-background-color-selected);
border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type="range"]:focus::-ms-thumb {
background: var(--adp-cell-background-color-selected);
border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
background: #fff;
border: 1px solid var(--adp-time-track-color);
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
height: 12px;
-webkit-transition: background var(--adp-transition-duration);
transition: background var(--adp-transition-duration);
width: 12px;
}
.air-datepicker-time--row input[type="range"]::-moz-range-thumb {
background: #fff;
border: 1px solid var(--adp-time-track-color);
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
height: 12px;
-moz-transition: background var(--adp-transition-duration);
transition: background var(--adp-transition-duration);
width: 12px;
}
.air-datepicker-time--row input[type="range"]::-ms-thumb {
background: #fff;
border: 1px solid var(--adp-time-track-color);
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
height: 12px;
-ms-transition: background var(--adp-transition-duration);
transition: background var(--adp-transition-duration);
width: 12px;
}
.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}
.air-datepicker-time--row input[type="range"]::-webkit-slider-runnable-track {
background: transparent;
border: none;
color: transparent;
cursor: pointer;
height: var(--adp-time-track-height);
}
.air-datepicker-time--row input[type="range"]::-moz-range-track {
background: transparent;
border: none;
color: transparent;
cursor: pointer;
height: var(--adp-time-track-height);
}
.air-datepicker-time--row input[type="range"]::-ms-track {
background: transparent;
border: none;
color: transparent;
cursor: pointer;
height: var(--adp-time-track-height);
}
.air-datepicker-time--row input[type="range"]::-ms-fill-lower,
.air-datepicker-time--row input[type="range"]::-ms-fill-upper {
background: transparent;
}
.air-datepicker {
--adp-font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--adp-font-size: 14px;
--adp-width: 246px;
--adp-z-index: 100;
--adp-padding: 4px;
--adp-grid-areas: "nav" "body" "timepicker" "buttons";
--adp-transition-duration: 0.3s;
--adp-transition-ease: ease-out;
--adp-transition-offset: 8px;
--adp-background-color: #fff;
--adp-background-color-hover: #f0f0f0;
--adp-background-color-active: #eaeaea;
--adp-background-color-in-range: rgba(92, 196, 239, 0.1);
--adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
--adp-background-color-selected-other-month-focused: #8ad5f4;
--adp-background-color-selected-other-month: #a2ddf6;
--adp-color: #4a4a4a;
--adp-color-secondary: #9c9c9c;
--adp-accent-color: #259795;
--adp-color-current-date: var(--adp-accent-color);
--adp-color-other-month: #dedede;
--adp-color-disabled: #aeaeae;
--adp-color-disabled-in-range: #939393;
--adp-color-other-month-hover: #c5c5c5;
--adp-border-color: #dbdbdb;
--adp-border-color-inner: #efefef;
--adp-border-radius: 4px;
--adp-border-color-inline: #d7d7d7;
--adp-nav-height: 32px;
--adp-nav-arrow-color: var(--adp-color-secondary);
--adp-nav-action-size: 32px;
--adp-nav-color-secondary: var(--adp-color-secondary);
--adp-day-name-color: #ed4f64;
--adp-day-name-color-hover: #8ad5f4;
--adp-day-cell-width: 1fr;
--adp-day-cell-height: 32px;
--adp-month-cell-height: 42px;
--adp-year-cell-height: 56px;
--adp-pointer-size: 10px;
--adp-poiner-border-radius: 2px;
--adp-pointer-offset: 14px;
--adp-cell-border-radius: 4px;
--adp-cell-background-color-hover: var(--adp-background-color-hover);
--adp-cell-background-color-selected: #0a6d6b;
--adp-cell-background-color-selected-hover: #0a6d6b;
--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
--adp-btn-height: 32px;
--adp-btn-color: var(--adp-accent-color);
--adp-btn-color-hover: var(--adp-color);
--adp-btn-border-radius: var(--adp-border-radius);
--adp-btn-background-color-hover: var(--adp-background-color-hover);
--adp-btn-background-color-active: var(--adp-background-color-active);
--adp-time-track-height: 1px;
--adp-time-track-color: #dedede;
--adp-time-track-color-hover: #b1b1b1;
--adp-time-thumb-size: 12px;
--adp-time-padding-inner: 10px;
--adp-time-day-period-color: var(--adp-color-secondary);
--adp-mobile-font-size: 16px;
--adp-mobile-nav-height: 40px;
--adp-mobile-width: 320px;
--adp-mobile-day-cell-height: 38px;
--adp-mobile-month-cell-height: 48px;
--adp-mobile-year-cell-height: 64px;
}
.air-datepicker-overlay {
--adp-overlay-background-color: rgba(0, 0, 0, 0.3);
--adp-overlay-transition-duration: 0.3s;
--adp-overlay-transition-ease: ease-out;
--adp-overlay-z-index: 99;
}
.air-datepicker {
background: var(--adp-background-color);
border: 1px solid var(--adp-border-color);
border-radius: var(--adp-border-radius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-sizing: content-box;
color: var(--adp-color);
display: grid;
font-family: var(--adp-font-family), sans-serif;
font-size: var(--adp-font-size);
grid-template-areas: var(--adp-grid-areas);
grid-template-columns: 1fr;
grid-template-rows: repeat(4, max-content);
position: absolute;
transition:
opacity var(--adp-transition-duration) var(--adp-transition-ease),
transform var(--adp-transition-duration) var(--adp-transition-ease);
width: var(--adp-width);
z-index: var(--adp-z-index);
}
.air-datepicker:not(.-custom-position-) {
opacity: 0;
}
.air-datepicker.-from-top- {
transform: translateY(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-from-right- {
transform: translateX(var(--adp-transition-offset));
}
.air-datepicker.-from-bottom- {
transform: translateY(var(--adp-transition-offset));
}
.air-datepicker.-from-left- {
transform: translateX(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-active-:not(.-custom-position-) {
opacity: 1;
transform: translate(0);
}
.air-datepicker.-active-.-custom-position- {
transition: none;
}
.air-datepicker.-inline- {
border-color: var(--adp-border-color-inline);
box-shadow: none;
left: auto;
opacity: 1;
position: static;
right: auto;
transform: none;
}
.air-datepicker.-inline- .air-datepicker--pointer {
display: none;
}
.air-datepicker.-is-mobile- {
--adp-font-size: var(--adp-mobile-font-size);
--adp-day-cell-height: var(--adp-mobile-day-cell-height);
--adp-month-cell-height: var(--adp-mobile-month-cell-height);
--adp-year-cell-height: var(--adp-mobile-year-cell-height);
--adp-nav-height: var(--adp-mobile-nav-height);
--adp-nav-action-size: var(--adp-mobile-nav-height);
border: none;
position: fixed;
width: var(--adp-mobile-width);
}
.air-datepicker.-is-mobile- * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.air-datepicker.-is-mobile- .air-datepicker--pointer {
display: none;
}
.air-datepicker.-is-mobile-:not(.-custom-position-) {
transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
transform: translate(-50%, -50%);
}
.air-datepicker.-custom-position- {
transition: none;
}
.air-datepicker-global-container {
left: 0;
position: absolute;
top: 0;
}
.air-datepicker--pointer {
--pointer-half-size: calc(var(--adp-pointer-size)/2);
z-index: -1;
}
.air-datepicker--pointer,
.air-datepicker--pointer:after {
height: var(--adp-pointer-size);
position: absolute;
width: var(--adp-pointer-size);
}
.air-datepicker--pointer:after {
background: #fff;
border-right: 1px solid var(--adp-border-color-inline);
border-top: 1px solid var(--adp-border-color-inline);
border-top-right-radius: var(--adp-poiner-border-radius);
box-sizing: border-box;
content: "";
}
.-top-center- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^="top"] .air-datepicker--pointer {
top: calc(100% - var(--pointer-half-size) + 1px);
}
.-top-center- .air-datepicker--pointer:after,
.-top-left- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^="top"] .air-datepicker--pointer:after {
transform: rotate(135deg);
}
.-right-bottom- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer,
[data-popper-placement^="right"] .air-datepicker--pointer {
right: calc(100% - var(--pointer-half-size) + 1px);
}
.-right-bottom- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-top- .air-datepicker--pointer:after,
[data-popper-placement^="right"] .air-datepicker--pointer:after {
transform: rotate(225deg);
}
.-bottom-center- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^="bottom"] .air-datepicker--pointer {
bottom: calc(100% - var(--pointer-half-size) + 1px);
}
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^="bottom"] .air-datepicker--pointer:after {
transform: rotate(315deg);
}
.-left-bottom- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-top- .air-datepicker--pointer,
[data-popper-placement^="left"] .air-datepicker--pointer {
left: calc(100% - var(--pointer-half-size) + 1px);
}
.-left-bottom- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-top- .air-datepicker--pointer:after,
[data-popper-placement^="left"] .air-datepicker--pointer:after {
transform: rotate(45deg);
}
.-bottom-left- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer {
left: var(--adp-pointer-offset);
}
.-bottom-right- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer {
right: var(--adp-pointer-offset);
}
.-bottom-center- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer {
left: calc(50% - var(--adp-pointer-size) / 2);
}
.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
top: var(--adp-pointer-offset);
}
.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
bottom: var(--adp-pointer-offset);
}
.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
top: calc(50% - var(--adp-pointer-size) / 2);
}
.air-datepicker--navigation {
grid-area: nav;
}
.air-datepicker--content {
box-sizing: content-box;
grid-area: body;
padding: var(--adp-padding);
}
.-only-timepicker- .air-datepicker--content {
display: none;
}
.air-datepicker--time {
grid-area: timepicker;
}
.air-datepicker--buttons {
grid-area: buttons;
}
.air-datepicker--buttons,
.air-datepicker--time {
border-top: 1px solid var(--adp-border-color-inner);
padding: var(--adp-padding);
}
.air-datepicker-overlay {
background: var(--adp-overlay-background-color);
height: 0;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition:
opacity var(--adp-overlay-transition-duration)
var(--adp-overlay-transition-ease),
left 0s,
height 0s,
width 0s;
transition-delay:
0s, var(--adp-overlay-transition-duration),
var(--adp-overlay-transition-duration),
var(--adp-overlay-transition-duration);
width: 0;
z-index: var(--adp-overlay-z-index);
}
.air-datepicker-overlay.-active- {
height: 100%;
opacity: 1;
transition:
opacity var(--adp-overlay-transition-duration)
var(--adp-overlay-transition-ease),
height 0s,
width 0s;
width: 100%;
}
.relevanssi-live-search-results {
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
max-height: 400px;
overflow-y: auto;
z-index: 9999;
}
.relevanssi-live-search-result {
border-bottom: 1px solid #f0f0f0;
padding: 12px 15px;
transition: background-color 0.2s ease;
}
.relevanssi-live-search-result:focus,
.relevanssi-live-search-result:hover {
background-color: #f8f9fa;
}
.relevanssi-live-search-result:last-child {
border-bottom: none;
}
.relevanssi-live-search-result-content {
align-items: flex-start;
display: flex;
gap: 12px;
}
.relevanssi-live-search-result-content .relevanssi-live-search-result-excerpt {
border: none;
color: #666;
font-size: 12px;
line-height: 1.4;
margin: 0 0 8px;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.relevanssi-live-search-result-image {
background: #f8f9fa;
border-radius: 4px;
flex-shrink: 0;
height: 60px;
overflow: hidden;
width: 60px;
}
.relevanssi-live-search-result-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.2s ease;
width: 100%;
}
.relevanssi-live-search-result:hover .relevanssi-live-search-result-image img {
transform: scale(1.05);
}
.relevanssi-live-search-placeholder {
background: #f8f9fa;
border: 1px solid #e9ecef;
padding: 10px;
}
.relevanssi-live-search-result-info {
flex: 1;
min-width: 0;
}
.relevanssi-live-search-result-title {
align-items: center;
display: flex;
font-size: 15px;
font-weight: 700;
gap: 8px;
line-height: 1.33;
margin: 0 0 5px;
}
.relevanssi-live-search-result-title a {
color: #102133;
text-decoration: none;
transition: color 0.2s ease;
}
.relevanssi-live-search-result-title a:hover {
color: #f8aa19;
}
.relevanssi-live-search-result-title a:focus {
outline: 2px solid #f8aa19;
outline-offset: 2px;
}
.relevanssi-live-search-result-price {
font-size: 13px;
font-weight: 600;
margin: 5px 0;
}
.relevanssi-live-search-result-price .price {
color: #333;
}
.relevanssi-live-search-result-price .price del {
color: #999;
font-weight: 400;
}
.relevanssi-live-search-result-price .price ins {
color: #e74c3c;
text-decoration: none;
}
.relevanssi-live-search-result-stock {
border-radius: 3px;
display: inline-block;
flex-shrink: 0;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.3px;
padding: 2px 5px;
text-transform: uppercase;
white-space: nowrap;
}
.relevanssi-live-search-result-stock.in-stock {
background: #d4edda;
color: #155724;
}
.relevanssi-live-search-result-stock.out-of-stock {
background: #f8d7da;
color: #721c24;
}
.relevanssi-live-search-result-type {
background: #6c757d;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.5px;
padding: 2px 6px;
text-transform: uppercase;
}
.relevanssi-live-search-result-status {
background: #f8f9fa;
border-bottom: 1px solid #e9ecef;
color: #6c757d;
font-size: 12px;
padding: 10px 15px;
}
.relevanssi-live-search-result-status p {
border: none;
font-size: 1em;
padding: 0;
}
.relevanssi-live-search-no-results {
color: #6c757d;
font-size: 14px;
margin: 0;
padding: 20px 15px;
text-align: center;
}
.relevanssi-live-search-didyoumean {
background: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
font-size: 12px;
margin: 0;
padding: 10px 15px;
}
.relevanssi-live-search-didyoumean a {
color: #856404;
font-weight: 600;
}
.relevanssi-live-search-results {
transform: translateY(13px);
z-index: 9 !important;
}
.relevanssi-live-search-results .rlv-has-spinner {
animation: spin 1s linear infinite;
border: 2px solid #f3f3f3;
border-radius: 50%;
border-top-color: #f8aa19;
height: 20px;
margin: 10px auto;
width: 20px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.relevanssi-live-search-result.post-type-product
.relevanssi-live-search-result-title {
color: #2c3e50;
}
.relevanssi-live-search-result.post-type-product:hover
.relevanssi-live-search-result-title
a {
color: #f8aa19;
}
.relevanssi-live-search-result:focus {
outline: 2px solid #f8aa19;
outline-offset: -2px;
}
* {
margin: 0;
padding: 0;
}
*,
:after,
:before {
box-sizing: inherit;
}
html {
background: #fff;
color: #7a7a7a;
-webkit-hyphens: manual;
hyphens: manual;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
box-sizing: border-box;
font-family: Mulish, sans-serif;
}
html,
html[lang] {
margin: 0 !important;
}
body {
background: #fff;
color: #7a7a7a;
font-family: Mulish, sans-serif;
font-size: 16px;
min-height: 100vh;
overflow-x: hidden;
position: relative;
}
body.disable_scroll {
overflow: hidden;
}
body.admin-bar {
padding-top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar {
padding-top: 46px;
}
}
body.term-kursove > main {
background-color: #eee7db;
padding-bottom: 100px;
}
body.category main,
body.woocommerce-shop main {
margin-bottom: 100px;
}
body[class*="learndash"] main {
margin-bottom: 100px;
margin-top: 40px;
}
main.main_website_wrapper {
font-weight: 400;
overflow: hidden;
position: relative;
}
.woocommerce-info {
border-top-color: #f8aa19;
}
.woocommerce-info:before {
color: #f8aa19;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.t_left {
text-align: left;
}
.t_center {
text-align: center;
}
.t_right {
text-align: right;
}
.relative {
position: relative;
}
.default_section {
padding: 40px 0 20px;
}
.blue_txt .default_section {
color: #102133;
}
.blue_txt .default_section .section_title {
color: #102133;
text-align: center;
}
.blue_txt .default_section .section_title small {
color: #f8aa19;
text-align: left;
}
.blue_txt .default_section .txt_box {
font-size: 16px;
line-height: 1.25em;
}
@media (min-width: 768px) {
.blue_txt .default_section .txt_box {
font-size: 18px;
}
}
.blue_txt .default_section .txt_box p {
font-size: 16px;
}
@media (min-width: 768px) {
.blue_txt .default_section .txt_box p {
font-size: 18px;
}
}
.light_text {
color: #fff;
}
.wpcf7-spinner {
display: block;
margin: 0 auto;
}
a {
color: #f8aa19;
text-decoration: none;
transition:
color 0.3s,
background 0.3s ease-in-out;
}
a img {
max-width: 100%;
}
a:hover {
color: #7a7a7a;
}
figure {
display: inline-block;
}
figure img {
display: block;
margin: 0 auto;
width: 100%;
}
.cover_figure {
height: 100%;
width: 100%;
}
.cover_figure img {
-o-object-fit: cover;
object-fit: cover;
}
.contain_figure,
.cover_figure img,
.cover_figure svg {
height: 100%;
width: 100%;
}
.contain_figure img {
-o-object-fit: contain;
object-fit: contain;
}
.decoration_left,
.decoration_right {
position: relative;
}
.decoration_left:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/dots_decoration.svg) 50% no-repeat;
background-size: contain;
bottom: -33px;
content: "";
height: 250px;
left: 0;
opacity: 0.2;
position: absolute;
transform: translate(-50%);
width: 250px;
z-index: -1;
}
.decoration_right:after {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/lines_decoration.svg) 50% no-repeat;
background-size: contain;
bottom: 50%;
content: "";
height: 600px;
position: absolute;
right: 0;
transform: translate(50%, 70%);
width: 1000px;
z-index: -1;
}
.stretch_items .elementor-widget,
.stretch_items .elementor-widget .elementor-widget-container {
height: 100%;
}
.elementor-widget-progress
.elementor-widget-container
.elementor-progress-wrapper
.elementor-progress-bar {
align-items: center;
font-size: 16px;
height: 40px;
position: relative;
}
.elementor-widget-progress
.elementor-widget-container
.elementor-progress-wrapper
.elementor-progress-bar
.additional_text {
padding: 0 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) {
.elementor-widget-progress
.elementor-widget-container
.elementor-progress-wrapper
.elementor-progress-bar
.additional_text {
transform: translate(100%, -50%);
}
}
.main_price_block {
display: flex;
flex-wrap: wrap;
}
.main_price_block.bold {
font-weight: 700 !important;
}
.main_price_block.bold .price_value {
color: #61ce70;
display: inline-block;
}
.main_price_block.t_left {
justify-content: flex-start;
}
.main_price_block.t_center {
justify-content: center;
}
.main_price_block.t_right {
justify-content: flex-end;
}
.main_price_block .woocommerce-Price-currencySymbol {
font-size: 0.5em;
}
.elementor-accordion .elementor-accordion-item {
border-left: none !important;
border-right: none !important;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border-top: none !important;
}
.acc_wrapper {
border-bottom: 1px solid #f1f1f1;
}
.acc_wrapper:first-of-type {
border-top: 1px solid #f1f1f1;
}
.acc_toggle {
color: #000;
cursor: pointer;
display: block;
font-size: 20px;
margin-bottom: 0;
padding: 15px 40px 15px 10px;
position: relative;
}
.acc_toggle,
.acc_toggle:after {
transition: color 0.3s ease-in-out;
}
.acc_toggle:after {
content: "\f078";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
}
.acc_toggle.active,
.acc_toggle:hover {
color: #f8aa19;
}
.acc_toggle.active:after,
.acc_toggle:hover:after {
color: #f88503;
}
.acc_toggle.active:after {
content: "\f077";
}
.acc_content {
padding: 10px 10px 25px;
}
.elementor-counter .elementor-counter-number-wrapper {
margin-bottom: 30px;
}
.rlv-has-spinner {
border-color: #f8aa19 transparent #f8aa19 #f8aa19;
}
.rlv-has-spinner:after {
background-color: #f8aa19;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.main_price_block.bold,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #102133;
display: block;
font-family: Mulish, sans-serif;
font-weight: 700;
text-rendering: optimizeLegibility;
}
.h1.underline_title,
.h2.underline_title,
.h3.underline_title,
.h4.underline_title,
.h5.underline_title,
.h6.underline_title,
.underline_title.main_price_block.bold,
h1.underline_title,
h2.underline_title,
h3.underline_title,
h4.underline_title,
h5.underline_title,
h6.underline_title {
border-bottom: 1px solid #f9f9f9;
margin-bottom: 30px;
padding-bottom: 15px;
position: relative;
}
.h1.underline_title:before,
.h2.underline_title:before,
.h3.underline_title:before,
.h4.underline_title:before,
.h5.underline_title:before,
.h6.underline_title:before,
.underline_title.main_price_block.bold:before,
h1.underline_title:before,
h2.underline_title:before,
h3.underline_title:before,
h4.underline_title:before,
h5.underline_title:before,
h6.underline_title:before {
background-color: #f8aa19;
bottom: -3px;
content: "";
height: 5px;
left: 0;
max-width: 35%;
min-width: 55px;
position: absolute;
width: 15%;
}
.default_title.main_price_block.bold,
.h1.default_title,
.h2.default_title,
.h3.default_title,
.h4.default_title,
.h5.default_title,
.h6.default_title,
h1.default_title,
h2.default_title,
h3.default_title,
h4.default_title,
h5.default_title,
h6.default_title {
margin-bottom: 30px;
}
.light_text .h1,
.light_text .h2,
.light_text .h3,
.light_text .h4,
.light_text .h5,
.light_text .h6,
.light_text .main_price_block.bold,
.light_text h1,
.light_text h2,
.light_text h3,
.light_text h4,
.light_text h5,
.light_text h6 {
color: #fff;
}
.h1,
.h2,
h1,
h2 {
font-size: 26px;
margin-bottom: 0.6em;
}
.h3,
.main_price_block.bold,
h3 {
font-size: 20px;
margin-bottom: 0.6em;
}
@media (min-width: 1200px) {
.h3,
.main_price_block.bold,
h3 {
font-size: 24px;
}
}
.h4,
h4 {
font-size: 20px;
}
.h4,
.h5,
h4,
h5 {
margin-bottom: 0.6em;
}
.h5,
h5 {
font-size: 18px;
}
.h6,
h6 {
font-size: 16px;
margin-bottom: 0.6em;
}
.title {
font-size: 30px;
font-weight: 600;
margin: 16px 0;
}
@media (min-width: 768px) {
.title {
font-size: 45px;
}
}
@media (min-width: 992px) {
.title {
font-size: 57px;
}
}
.section_title {
color: #102133;
display: block;
font-size: 24px;
font-size: 28px;
}
@media (min-width: 992px) {
.section_title {
font-size: 32px;
}
}
@media (min-width: 1200px) {
.section_title {
font-size: 40px;
}
}
.section_title small {
color: #f8aa19;
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.section_title small {
font-size: 24px;
}
}
.line_title {
display: block;
line-height: 1.33em;
margin: 30px auto;
max-width: 700px;
padding: 0 15px;
position: relative;
text-align: center;
}
.line_title:after,
.line_title:before {
background-color: #7a7a7a;
content: "";
height: 1px;
opacity: 0.3;
position: absolute;
top: 50%;
width: 100%;
}
.line_title:before {
right: 100%;
}
.line_title:after {
left: 100%;
}
.line_title small {
display: block;
font-weight: 400;
}
.elementor .elementor-widget-heading .elementor-heading-title {
margin-bottom: 30px;
}
.elementor
.elementor-widget-heading
.elementor-heading-title.elementor-size-xl {
font-size: 38px;
margin-bottom: 30px;
}
@media (min-width: 1200px) {
.elementor
.elementor-widget-heading
.elementor-heading-title.elementor-size-xl {
font-size: 48px;
}
}
.elementor
.elementor-widget-heading
.elementor-heading-title.elementor-size-xxl {
font-size: 48px;
margin-bottom: 0;
padding-bottom: 40px;
position: relative;
}
.elementor .elementor-widget-heading.no_margin .elementor-heading-title {
margin-bottom: 0;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
p {
line-height: 1.467em;
margin-bottom: 1.4em;
}
section.text_img_section .description ul:not(.unstyled_list),
ul:not(.unstyled_list).default_list {
display: block;
margin-bottom: 20px;
}
@media (min-width: 992px) {
section.text_img_section .description ul:not(.unstyled_list),
ul:not(.unstyled_list).default_list {
margin-bottom: 40px;
}
}
section.text_img_section .description ul:not(.unstyled_list):last-child,
ul:not(.unstyled_list).default_list:last-child {
margin-bottom: 0;
}
section.text_img_section .description ul:not(.unstyled_list) li,
ul:not(.unstyled_list).default_list li {
line-height: 1.15em;
margin-bottom: 12px;
padding-left: 26px;
position: relative;
}
section.text_img_section .description ul:not(.unstyled_list) li:last-child,
ul:not(.unstyled_list).default_list li:last-child {
margin-bottom: 0;
}
section.text_img_section .description ul:not(.unstyled_list) li:before,
ul:not(.unstyled_list).default_list li:before {
color: #61ce70;
content: "\f00c";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
left: 0;
position: absolute;
top: 0;
}
.acc_content.description ul:not(.unstyled_list),
ul:not(.unstyled_list).bullets_list {
display: block;
margin-bottom: 20px;
}
.acc_content.description ul:not(.unstyled_list):last-child,
ul:not(.unstyled_list).bullets_list:last-child {
margin-bottom: 0;
}
.acc_content.description ul:not(.unstyled_list) li,
ul:not(.unstyled_list).bullets_list li {
line-height: 1.15em;
margin-bottom: 10px;
padding-left: 16px;
position: relative;
}
.acc_content.description ul:not(.unstyled_list) li:last-child,
ul:not(.unstyled_list).bullets_list li:last-child {
margin-bottom: 0;
}
.acc_content.description ul:not(.unstyled_list) li:before,
ul:not(.unstyled_list).bullets_list li:before {
color: #7a7a7a;
content: "\f111";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 6px;
font-style: normal;
font-weight: 900;
left: 0;
position: absolute;
top: -1px;
}
.bulleted_list {
display: flex;
flex-direction: column;
justify-content: center;
}
.bulleted_list li {
line-height: 1.15em;
margin-bottom: 10px;
padding-left: 16px;
position: relative;
}
.bulleted_list li:last-child {
margin-bottom: 0;
}
.bulleted_list li:before {
content: "\f111";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 6px;
font-style: normal;
font-weight: 900;
left: 0;
position: absolute;
top: -1px;
}
.h_100,
.h_100 .elementor-container {
height: 100%;
}
.btn,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce-Button--next,
button,
input[type="submit"] {
background-color: #102133;
border: 1px solid #102133;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Mulish, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1em;
margin-bottom: 16px;
max-width: 100%;
padding: 18px 40px;
text-align: center;
text-transform: uppercase;
transition:
color 0.3s,
border 0.3s,
background 0.3s ease-in-out;
}
.btn:hover,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button:hover,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button:hover,
.woocommerce-Button--next:hover,
button:hover,
input[type="submit"]:hover {
background-color: #f8aa19;
border-color: #f8aa19;
color: #fff;
}
.btn.btn_outline,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.btn_outline.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.btn_outline.single_add_to_cart_button,
.woocommerce-Button--next.btn_outline,
button.btn_outline,
input[type="submit"].btn_outline {
background-color: transparent;
}
.btn.btn_light,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.btn_light.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.btn_light.single_add_to_cart_button,
.woocommerce-Button--next.btn_light,
button.btn_light,
input[type="submit"].btn_light {
background-color: #fff;
border: 5px solid #2f4560;
color: #f8aa19;
}
.btn.btn_light:hover,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.btn_light.single_add_to_cart_button:hover,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.btn_light.single_add_to_cart_button:hover,
.woocommerce-Button--next.btn_light:hover,
button.btn_light:hover,
input[type="submit"].btn_light:hover {
background-color: #f8aa19;
color: #fff;
}
.btn.fa:before,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.fa.single_add_to_cart_button:before,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.fa.single_add_to_cart_button:before,
.woocommerce-Button--next.fa:before,
button.fa:before,
input[type="submit"].fa:before {
line-height: 1em;
margin-right: 5px;
vertical-align: bottom;
}
.btn.min,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.min.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.min.single_add_to_cart_button,
.woocommerce-Button--next.min,
button.min,
input[type="submit"].min {
min-width: 250px;
}
.btn.sm,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.sm.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.sm.single_add_to_cart_button,
.woocommerce-Button--next.sm,
button.sm,
input[type="submit"].sm {
padding: 12px 20px;
}
.btn.btn_secondary,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.btn_secondary.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.btn_secondary.single_add_to_cart_button,
.woocommerce-Button--next.btn_secondary,
button.btn_secondary,
input[type="submit"].btn_secondary {
background-color: #000;
border-color: #000;
}
.btn.btn_secondary:hover,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.btn_secondary.single_add_to_cart_button:hover,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.btn_secondary.single_add_to_cart_button:hover,
.woocommerce-Button--next.btn_secondary:hover,
button.btn_secondary:hover,
input[type="submit"].btn_secondary:hover {
background-color: #f8aa19;
border-color: #f8aa19;
}
@media (min-width: 480px) {
.btn,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce-Button--next,
button,
input[type="submit"] {
display: inline-block;
width: auto;
}
.btn.wide,
.popup_wrap .popup_cont .popup_footer .btn,
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.popup_wrap .popup_cont .popup_footer button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.popup_wrap
.popup_cont
.popup_footer
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.wide.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.popup_wrap
.popup_cont
.popup_footer
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.wide.single_add_to_cart_button,
.woocommerce-Button--next.wide,
button.wide,
input[type="submit"].wide {
display: block;
width: 100%;
}
}
.arrow_btn {
border-radius: 100%;
display: inline-block;
height: 43px;
opacity: 1;
position: relative;
transition: opacity 0.3s ease-in-out;
width: 43px;
}
.arrow_btn:before {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.arrow_btn:hover {
opacity: 0.7;
}
.arrow_btn.bg_light {
background-color: #fff;
}
.expanding_btn {
color: #7a7a7a;
display: inline-block;
font-weight: 700;
margin: 25px 0;
max-width: 100%;
min-width: 106px;
padding: 0 40px 0 0;
position: relative;
text-align: left;
text-transform: uppercase;
transition:
background 0.3s,
color 0.3s,
padding 0.3s ease-in-out;
z-index: 0;
}
.expanding_btn:after,
.expanding_btn:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.expanding_btn:before {
background-color: #f8aa19;
border-radius: 0;
height: 49px;
left: 0;
opacity: 0;
transition: opacity 0.3s ease-in-out;
width: 100%;
z-index: -1;
}
.expanding_btn:after {
content: "\e92e";
font-family: Custom Icons;
font-size: 12px;
font-style: normal;
font-weight: 400;
right: 18px;
}
.expanding_btn:hover {
color: #fff;
padding: 0 40px 0 20px;
}
.expanding_btn:hover:before {
opacity: 1;
}
.elementor-widget-custom_add_to_cart .quantity {
display: none;
}
.elementor-widget-custom_add_to_cart
.single_add_to_cart_button.elementor-button {
background-color: #f8aa19 !important;
border-radius: 0;
color: #fff !important;
font-weight: 700;
letter-spacing: 1px;
}
.elementor-widget-custom_add_to_cart
.single_add_to_cart_button.elementor-button:focus,
.elementor-widget-custom_add_to_cart
.single_add_to_cart_button.elementor-button:hover {
background-color: #61ce70 !important;
color: #fff !important;
}
.elementor-widget-custom_add_to_cart .out-of-stock {
display: none;
}
.woocommerce
.product
.elementor-widget-custom_add_to_cart
.bis_sub_div_border_enable_product_page {
background-color: transparent;
border: 1px solid #dedede;
box-shadow: none;
color: #fff;
}
.woocommerce
.product
.elementor-widget-custom_add_to_cart
.bis_sub_div_border_enable_product_page
.bis_main_checkbox_price
a,
.woocommerce
.product
.elementor-widget-custom_add_to_cart
.bis_sub_div_border_enable_product_page
label {
color: #fff !important;
}
.woocommerce
.product
.elementor-widget-custom_add_to_cart
.bis_sub_div_border_enable_product_page
.bis_email_price
.bis_button_price
#bis_stock_button {
background-color: #f8aa19 !important;
border-color: #f8aa19 !important;
color: #fff !important;
}
.woocommerce
.product
.elementor-widget-custom_add_to_cart
.bis_sub_div_border_enable_product_page
.bis_email_price
.bis_button_price
#bis_stock_button:hover {
background-color: #61ce70 !important;
border-color: #61ce70 !important;
}
.elementor-widget-button form.cart,
.elementor-widget-custom_add_to_cart form.cart {
margin-bottom: 0 !important;
}
.elementor-widget-button .elementor-button,
.elementor-widget-custom_add_to_cart .elementor-button {
font-weight: 700;
letter-spacing: 1px;
}
.elementor-widget-button .elementor-button.elementor-size-sm,
.elementor-widget-custom_add_to_cart .elementor-button.elementor-size-sm {
align-items: center;
display: flex;
justify-content: center;
min-height: 45px;
}
.elementor-widget-button .elementor-button.elementor-size-md,
.elementor-widget-custom_add_to_cart .elementor-button.elementor-size-md {
padding: 18px 40px;
}
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper {
position: relative;
}
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper
.added_to_cart,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper
.added_to_cart {
background: #184222;
border-radius: 0;
color: #fff;
padding: 13px 10px 7px;
position: absolute;
text-align: center;
top: calc(100% - 4px);
transition: background 0.3s ease-in-out;
width: 100%;
z-index: -1;
}
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper
.added_to_cart:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button-wrapper
.added_to_cart:hover {
background-color: #265c33;
}
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button {
text-transform: uppercase;
}
.elementor-widget-button[data-widget_type="button.default"] .elementor-button,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"]
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button {
background-color: #102133;
border-radius: 0 !important;
color: #fff;
font-size: 14px;
min-width: 250px;
padding: 17px 25px;
}
.elementor-widget-button[data-widget_type="button.default"]
.elementor-button:focus,
.elementor-widget-button[data-widget_type="button.default"]
.elementor-button:hover,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button:focus,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"]
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"]
.elementor-button:focus,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"]
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button:focus,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"]
.elementor-button:hover {
background-color: #f8aa19;
color: #fff;
}
.elementor-widget-button[data-widget_type="button.default"].btn_light
.elementor-button,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].btn_light
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].btn_light
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].btn_light
.elementor-button {
background-color: #fff;
color: #7a7a7a;
}
.elementor-widget-button[data-widget_type="button.default"].btn_light
.elementor-button:hover,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].btn_light
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].btn_light
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].btn_light
.elementor-button:hover {
background-color: #f8aa19;
color: #fff;
}
.elementor-widget-button[data-widget_type="button.default"].elementor-button-info
.elementor-button,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].elementor-button-info
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].elementor-button-info
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].elementor-button-info
.elementor-button {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.elementor-widget-button[data-widget_type="button.default"].elementor-button-info
.elementor-button:hover,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].elementor-button-info
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].elementor-button-info
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].elementor-button-info
.elementor-button:hover {
background-color: #fff;
color: #7a7a7a;
}
.elementor-widget-button[data-widget_type="button.default"].elementor-button-success
.elementor-button,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].elementor-button-success
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].elementor-button-success
.elementor-button,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].elementor-button-success
.elementor-button {
background-color: transparent;
border: 1px solid #f8aa19;
color: #f8aa19;
}
.elementor-widget-button[data-widget_type="button.default"].elementor-button-success
.elementor-button:hover,
.elementor-widget-button[data-widget_type="custom_add_to_cart.default"].elementor-button-success
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="button.default"].elementor-button-success
.elementor-button:hover,
.elementor-widget-custom_add_to_cart[data-widget_type="custom_add_to_cart.default"].elementor-button-success
.elementor-button:hover {
background-color: #f8aa19;
color: #fff;
}
form ::-webkit-input-placeholder {
color: #7a7a7a;
}
form ::-moz-placeholder {
color: #7a7a7a;
}
form :-ms-input-placeholder {
color: #7a7a7a !important;
}
form :-moz-placeholder {
color: #7a7a7a;
}
.bis_email_input_price .bis_input {
height: 55px !important;
}
.bis_email_input_price .bis_input,
.input_field,
.woocommerce .wc-stripe-elements-field,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
background: #fff;
border: 1px solid #cbcbcb;
border-radius: 0;
color: #7a7a7a;
display: block;
font-family: Mulish, sans-serif;
font-size: 16px;
height: 55px;
line-height: 1.3em;
margin-bottom: 20px;
padding: 18px 14px;
position: relative;
resize: none;
transition:
background 0.3s,
border 0.3s ease-in-out;
width: 100%;
}
.bis_email_input_price .bis_input.bis_hiddenbox,
.bis_email_input_price .bis_input.bis_hide,
.input_field.bis_hiddenbox,
.input_field.bis_hide,
.woocommerce .bis_hiddenbox.wc-stripe-elements-field,
.woocommerce .bis_hide.wc-stripe-elements-field,
input[type="date"].bis_hiddenbox,
input[type="date"].bis_hide,
input[type="email"].bis_hiddenbox,
input[type="email"].bis_hide,
input[type="number"].bis_hiddenbox,
input[type="number"].bis_hide,
input[type="password"].bis_hiddenbox,
input[type="password"].bis_hide,
input[type="tel"].bis_hiddenbox,
input[type="tel"].bis_hide,
input[type="text"].bis_hiddenbox,
input[type="text"].bis_hide,
select.bis_hiddenbox,
select.bis_hide,
textarea.bis_hiddenbox,
textarea.bis_hide {
display: none;
}
.bis_email_input_price .bis_input:focus,
.input_field:focus,
.woocommerce .wc-stripe-elements-field:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
border-color: #f8aa19;
outline: none;
}
.bis_email_input_price .bis_input:disabled,
.input_field:disabled,
.woocommerce .wc-stripe-elements-field:disabled,
input[type="date"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
select:disabled,
textarea:disabled {
background-color: #7a7a7a;
}
textarea {
border-radius: 0;
height: auto;
margin-bottom: 30px;
}
.afreg_extra_fields .input-text,
.input-select {
height: 55px !important;
max-height: none !important;
min-height: 55px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 10px;
color: #155724;
line-height: 1.33em;
margin-top: 10px;
padding: 15px;
}
.inline_form {
background-color: transparent;
left: 0;
opacity: 0;
padding: 15px;
pointer-events: none;
position: absolute;
top: calc(100% + 20px);
transform: scaleY(0);
transform-origin: top center;
transition:
transform 0.3s,
opacity 0.3s,
visibility 0.3s ease-in-out;
visibility: hidden;
width: 100%;
}
.inline_form:before {
background: #fff;
box-shadow: 0 7px 6px -5px rgba(0, 0, 0, 0.13);
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
}
.inline_form.active {
opacity: 1;
pointer-events: auto;
transform: scale(1);
visibility: visible;
}
@media (min-width: 992px) {
.inline_form {
top: 100%;
}
}
@media (min-width: 1540px) {
.inline_form {
height: auto;
opacity: 1;
padding: 0;
pointer-events: auto;
position: static;
transform: scale(1);
visibility: visible;
width: auto;
}
.inline_form:before {
content: none;
}
}
.inline_form form {
background-color: #212121;
border: 1px solid #7a7a7a;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
overflow: hidden;
position: relative;
transform-origin: center right;
transition: border 0.3s ease-in-out;
width: 100%;
}
@media (min-width: 992px) {
.inline_form form {
max-width: 430px;
}
}
.inline_form form:focus,
.inline_form form:focus-within {
border-color: #f8aa19;
}
.inline_form form [type="search"],
.inline_form form [type="text"] {
background-color: #212121;
border: none;
border-radius: 10px;
color: #fff;
display: block;
height: 57px;
outline: none;
padding: 0 15px;
transition: border 0.3s ease-in-out;
width: calc(100% - 145px);
}
.inline_form form [type="submit"] {
background-color: #7a7a7a;
border: none;
border-radius: 5px;
color: #fff;
font-size: 16px;
margin-bottom: 0;
max-width: 100%;
padding: 10px 19px 10px 15px;
width: 145px;
}
.inline_form form [type="submit"]:hover {
background-color: #f8aa19;
color: #fff;
}
.inline_form form [type="submit"]:before {
content: "\f002";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
line-height: 1;
margin-right: 5px;
}
.wpcf7-acceptance {
display: block;
margin-bottom: 20px;
}
.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
form label {
display: block;
margin-bottom: 8px;
}
@media screen and (max-width: 1199px) {
.nav_wrapper {
background: #fff;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
left: -100%;
max-width: 320px;
overflow: hidden;
overflow-y: auto;
padding: 0;
position: fixed;
top: 0;
transition: left 0.6s ease-in-out;
width: 100%;
z-index: 10;
}
.main_navi {
padding-top: 50px;
}
.main_navi > li {
border-bottom: 1px solid #dee5df;
display: block;
}
.main_navi > li:last-child {
border-bottom: none;
}
.main_navi > li > a {
font-weight: 400;
}
.main_navi > li a {
color: #7a7a7a;
display: block;
padding: 17px 10px;
position: relative;
transition:
color 0.3s,
background 0.3s ease-in-out;
}
.main_navi > li.current-menu-item > a,
.main_navi > li.current-menu-parent > a,
.main_navi > li:focus > a,
.main_navi > li:hover > a {
background-color: #102133;
color: #fff;
}
.main_navi > li.menu-item-has-children {
position: relative;
}
.main_navi > li.menu-item-has-children > .dropdown_icon {
background-color: hsla(0, 0%, 100%, 0.15);
color: #000;
cursor: pointer;
height: 50px;
position: absolute;
right: 0;
top: 0;
transition: color 0.3s ease-in-out;
width: 50px;
}
.main_navi > li.menu-item-has-children > .dropdown_icon:hover {
color: #f8aa19;
}
.main_navi > li.menu-item-has-children > .dropdown_icon:before {
content: "\f078";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 13px;
font-style: normal;
font-weight: 900;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.main_navi > li.menu-item-has-children > .dropdown_icon.open:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.main_navi > li.menu-item-has-children > .sub-menu > li > a {
font-weight: 700;
}
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.new_arrivals_slider_wrapper {
overflow: hidden;
padding: 10px 0;
}
}
@media screen and (max-width: 1199px) and (min-width: 1200px) {
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.new_arrivals_slider_wrapper {
padding: 15px;
}
}
@media screen and (max-width: 1199px) {
.main_navi > li.menu-item-has-children .sub-menu {
display: none;
padding: 0;
position: relative;
width: 100%;
}
.main_navi > li.menu-item-has-children .sub-menu li {
border-bottom: 1px solid #dee5df;
display: block;
}
.main_navi > li.menu-item-has-children .sub-menu li.image_holder img {
width: 100%;
}
.main_navi > li.menu-item-has-children .sub-menu li:last-child {
border-bottom: none;
}
.main_navi > li.menu-item-has-children .sub-menu li:before {
background: #f8aa19;
}
.main_navi > li.menu-item-has-children .sub-menu li > a {
border-left: 4px solid #102133;
padding: 17px 30px 17px 10px;
}
.main_navi > li.menu-item-has-children .sub-menu li > a:before {
font-size: 18px;
left: -30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.main_navi > li.menu-item-has-children .sub-menu li.current-menu-item > a,
.main_navi > li.menu-item-has-children .sub-menu li > a:hover {
background-color: #f1f1f1;
}
.main_navi > li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}
.main_navi
> li.menu-item-has-children
.sub-menu
li.menu-item-has-children
> .dropdown_icon {
background-color: hsla(0, 0%, 100%, 0.15);
color: #000;
cursor: pointer;
height: 50px;
position: absolute;
right: 0;
top: 0;
transition: color 0.3s ease-in-out;
width: 50px;
}
.main_navi
> li.menu-item-has-children
.sub-menu
li.menu-item-has-children
> .dropdown_icon:hover {
color: #f8aa19;
}
.main_navi
> li.menu-item-has-children
.sub-menu
li.menu-item-has-children
> .dropdown_icon:before {
content: "\f078";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 13px;
font-style: normal;
font-weight: 900;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.main_navi
> li.menu-item-has-children
.sub-menu
li.menu-item-has-children
> .dropdown_icon.open:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.main_navi
> li.menu-item-has-children
.sub-menu
li.menu-item-has-children
> .sub-menu {
background-color: hsla(0, 0%, 100%, 0.15);
}
.mobile_info {
margin-top: 30px;
}
.mobile_info .socials {
margin-bottom: 15px;
padding: 0 10px;
}
.mobile_info .utility_links {
align-items: center;
background-color: #7a7a7a;
display: flex;
justify-content: center;
overflow: hidden;
padding: 10px;
}
.mobile_info .header_action_urls a.awards_link,
.mobile_info .utility_links .widget {
display: inline-block;
}
.mobile_info .header_action_urls a.awards_link .cart_label,
.mobile_info .header_action_urls a.awards_link .ci {
color: #f8aa19;
}
.mobile_info .header_action_urls a.my_account_link {
display: inline-block;
}
.mobile_info .header_action_urls a.my_account_link .cart_label {
color: #f8aa19;
}
.mobile_info .header_action_urls a.my_account_link .ci {
font-size: 30px;
}
.mobile_info .header_action_urls a.item_box {
margin: 0 10px;
}
.mobile_info .header_action_urls a.item_box:before {
content: none;
}
.mobile_info .header_action_urls a.item_box .ci {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.mobile_info {
display: none;
}
.main_navi {
align-items: center;
display: flex;
justify-content: flex-end;
margin: 0 auto;
transition: padding 0.3s ease-in-out;
}
.main_navi > li {
margin: 0 8px;
position: relative;
}
.main_navi > li > a {
align-items: center;
color: #7a7a7a;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 300;
padding: 8px 0;
position: relative;
}
}
@media screen and (min-width: 1200px) and (min-width: 1300px) {
.main_navi > li > a {
font-size: 15px;
}
}
@media (min-width: 1200px) and (min-width: 1540px) {
.main_navi > li > a {
letter-spacing: 0.1em;
}
}
@media (min-width: 1200px) {
.main_navi > li > a:before {
background-color: #f8aa19;
bottom: 0;
content: "";
height: 1px;
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
transition:
transform 0.3s,
opacity 0.3s ease-in-out;
width: 100%;
}
.main_navi > li.menu-item-has-children {
overflow: hidden;
}
.main_navi > li.menu-item-has-children > a:after {
content: "\e91c";
display: inline-block;
font-family: Custom Icons;
font-size: 0.6em;
font-style: normal;
font-weight: 900;
margin-left: 4px;
position: relative;
top: 1px;
vertical-align: middle;
}
.main_navi > li.menu-item-has-children > .sub-menu {
background-color: #fff;
box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
left: 0;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
top: 55px;
transform: translateY(10px);
transition:
transform 0.3s,
opacity 0.3s,
visibility 0.3s,
top 0.3s ease-in-out;
visibility: hidden;
z-index: 9;
}
.main_navi > li.menu-item-has-children > .sub-menu > li {
box-sizing: border-box;
flex: 0 0 100%;
max-width: 100%;
min-width: 200px;
padding: 0;
}
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.new_arrivals_slider_wrapper {
flex: 0 0 33.333%;
min-width: 300px;
overflow: hidden;
}
}
@media screen and (min-width: 1200px) and (max-width: 1199px) {
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.new_arrivals_slider_wrapper {
flex: 0 0 100%;
max-width: 100%;
min-width: 200px;
}
}
@media (min-width: 1200px) {
.main_navi > li.menu-item-has-children > .sub-menu > li.sub_menu_links {
flex: 0 0 66.666%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1199px) {
.main_navi > li.menu-item-has-children > .sub-menu > li.sub_menu_links {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.main_navi
> li.menu-item-has-children:has(> .sub-menu > li.new_arrivals_slider_wrapper)
> .sub-menu
> li:not(.new_arrivals_slider_wrapper):not(.sub_menu_links):not(
.image_holder
) {
flex: 0 0 33.33%;
max-width: 33.33%;
}
.main_navi > li.menu-item-has-children > .sub-menu .sub-menu {
border: none;
box-shadow: none;
display: block;
opacity: 1;
padding: 0;
pointer-events: auto;
position: static;
transform: none;
visibility: visible;
width: auto;
}
.main_navi > li.menu-item-has-children > .sub-menu .sub-menu li {
flex: none;
min-width: 0;
padding: 0;
width: 100%;
}
.main_navi > li.menu-item-has-children > .sub-menu > li {
display: block;
}
.main_navi > li.menu-item-has-children > .sub-menu > li > a {
color: #102133;
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
transition: color 0.3s ease-in-out;
}
.main_navi > li.menu-item-has-children > .sub-menu > li > a:hover {
color: #f8aa19;
}
.main_navi > li.menu-item-has-children > .sub-menu > li.dropdown-submenu {
position: relative;
}
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.dropdown-submenu
> .sub-menu
li {
margin-bottom: 8px;
}
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.dropdown-submenu
> .sub-menu
li
a {
color: #7a7a7a;
font-size: 14px;
position: relative;
transition: color 0.3s ease-in-out;
}
.main_navi
> li.menu-item-has-children
> .sub-menu
> li.dropdown-submenu
> .sub-menu
li
a:hover {
color: #102133;
}
.main_navi > li.menu-item-has-children > .sub-menu .sub_menu_links {
box-sizing: border-box;
float: left;
order: 1;
width: 66.666%;
}
.main_navi > li.menu-item-has-children:hover {
overflow: visible;
}
.main_navi > li.menu-item-has-children:hover .sub-menu {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
}
.main_navi > li.menu-item-has-children:not(.mega_menu) {
position: relative;
}
.main_navi > li.menu-item-has-children:not(.mega_menu):before {
content: "";
height: 40px;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.main_navi > li.menu-item-has-children:not(.mega_menu) > .sub-menu {
min-width: 250px;
}
.main_navi > li.menu-item-has-children:not(.mega_menu) > .sub-menu li a {
position: relative;
transition: color 0.3s ease-in-out;
}
.main_navi
> li.menu-item-has-children:not(.mega_menu):has(> .sub-menu > li.new_arrivals_slider_wrapper)
> .sub-menu {
flex-wrap: nowrap;
min-width: 900px;
max-width: calc(100vw - 40px);
}
.main_navi > li.highlight > a {
background-color: #313131;
}
.main_navi > li:not(.menu_btn).current-menu-item > a,
.main_navi > li:not(.menu_btn).current-menu-parent > a,
.main_navi > li:not(.menu_btn):focus > a,
.main_navi > li:not(.menu_btn):hover > a {
color: #102133;
}
.main_navi > li:not(.menu_btn).current-menu-item > a:before,
.main_navi > li:not(.menu_btn).current-menu-parent > a:before,
.main_navi > li:not(.menu_btn):focus > a:before,
.main_navi > li:not(.menu_btn):hover > a:before {
opacity: 1;
transform: translateX(-50%) scaleX(1);
}
}
label[for="toggle_nav"] {
cursor: pointer;
}
@media (min-width: 1200px) {
label[for="toggle_nav"] {
display: none;
}
}
label[for="toggle_nav"].open {
margin-right: 7px;
z-index: 1;
}
label[for="toggle_nav"].open:before {
color: #f8aa19;
content: "\f0c9";
display: block;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 24px;
font-weight: 900;
padding: 7px 10px;
}
label[for="toggle_nav"].open:after {
background: hsla(0, 0%, 48%, 0.8);
bottom: 0;
content: "";
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
transition: opacity 0.6s ease-in-out;
width: 100%;
z-index: 1;
}
.sidebar_close {
cursor: pointer;
font-weight: 700;
line-height: 1.15em;
position: absolute;
right: 0;
text-align: right;
top: 10px;
z-index: 1;
}
.sidebar_close:after {
color: #000;
content: "\f00d";
display: inline-block;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 23px;
font-weight: 900;
padding: 7px 10px 6px;
transition: color 0.3s ease-in-out;
vertical-align: middle;
}
.sidebar_close:hover:after {
color: #d64f5d;
}
#toggle_nav {
display: none;
}
#toggle_nav:checked ~ * label[for="toggle_nav"]:after {
opacity: 1;
pointer-events: auto;
}
#toggle_nav:checked ~ * .nav_wrapper,
#toggle_nav:checked ~ .nav_wrapper {
left: 0;
}
#toggle_nav:checked ~ * .search_form {
z-index: 0;
}
.socials {
align-items: center;
display: flex;
font-size: 16px;
margin-left: -5px;
width: calc(100% + 10px);
}
.socials li {
margin: 0 5px;
}
.socials li.youtube a:before {
content: "\e903";
}
.socials li.facebook a:before {
content: "\e904";
}
.socials li.linkedin a:before {
content: "\e905";
}
.socials li.instagram a:before {
content: "\e902";
}
.socials li.tiktok a:before {
content: "\e92f";
}
.socials li.pinterest a:before {
content: "\e931";
}
.socials li a {
border-radius: 100%;
color: #7a7a7a;
display: inline-block;
height: 20px;
overflow: hidden;
position: relative;
text-indent: -999px;
transition:
color 0.3s,
background 0.3s ease-in-out;
width: 30px;
}
.socials li a:before {
font-family: Custom Icons;
font-size: 20px;
font-style: normal;
font-weight: 400;
left: 0;
position: absolute;
text-align: center;
text-indent: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socials li a:hover {
color: #f8aa19;
}
.new_arrivals_slider_wrapper {
box-sizing: border-box;
overflow: hidden;
}
@media (min-width: 1200px) {
.new_arrivals_slider_wrapper {
padding: 15px;
}
}
@media screen and (min-width: 1200px) {
.new_arrivals_slider_wrapper {
flex: 0 0 33.333%;
float: right;
max-width: 33.333%;
order: 2;
width: 33.333%;
}
}
@media screen and (max-width: 1199px) {
.new_arrivals_slider_wrapper {
flex: 0 0 100%;
float: none;
max-width: 100%;
order: 0;
width: 100%;
}
}
.new_arrivals_slider_wrapper .dropdown_icon {
display: none;
}
.new_arrivals_slider_wrapper h3 {
color: #102133;
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
padding-left: 10px;
}
@media (min-width: 1200px) {
.new_arrivals_slider_wrapper h3 {
padding-left: 15px;
}
}
.new_arrivals_slider_wrapper .nav-new-arrivals-slider {
position: relative;
}
@media (min-width: 1200px) {
.new_arrivals_slider_wrapper .nav-new-arrivals-slider {
padding: 0 10px;
}
}
.new_arrivals_slider_wrapper .nav-new-arrivals-slider .product-item {
padding: 10px;
}
.new_arrivals_slider_wrapper .nav-new-arrivals-slider .product-item a {
padding: 0;
}
.new_arrivals_slider_wrapper
.nav-new-arrivals-slider
.product-item
.product-image {
margin-bottom: 10px;
}
.new_arrivals_slider_wrapper
.nav-new-arrivals-slider
.product-item
.product-image
img {
height: auto;
max-width: 100%;
}
.new_arrivals_slider_wrapper
.nav-new-arrivals-slider
.product-item
.product-title {
color: #7a7a7a;
display: -webkit-box;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
max-height: 40px;
overflow: hidden;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.new_arrivals_slider_wrapper
.nav-new-arrivals-slider
.product-item
.product-price {
color: #102133;
font-size: 14px;
font-weight: 700;
}
.popup_wrap {
opacity: 0;
overflow-y: scroll;
pointer-events: none;
transition:
opacity 0.3s,
visibility 0.3s ease-in-out;
visibility: hidden;
z-index: 20;
}
.popup_wrap,
.popup_wrap .close_popup {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.popup_wrap .close_popup {
background: hsla(0, 0%, 48%, 0.8);
pointer-events: auto;
}
.popup_wrap.active_pop {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.popup_wrap .popup_cont {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
left: 50%;
margin-bottom: 40px;
max-width: 90%;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 40px;
transform: translate(-50%);
width: 742px;
}
@media (min-width: 768px) {
.popup_wrap .popup_cont {
left: 50%;
margin-bottom: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
}
.popup_wrap .popup_cont .close_x {
color: #7a7a7a;
cursor: pointer;
display: block;
font-size: 25px;
height: 26px;
padding: 3px;
position: absolute;
right: 20px;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition:
background 0.3s,
color 0.3s ease-in-out;
width: 26px;
}
.popup_wrap .popup_cont .close_x:before {
content: "\f00d";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
}
.popup_wrap .popup_cont .close_x:hover {
background-color: #f8aa19;
}
.popup_wrap .popup_cont .popup_header {
color: #f8aa19;
font-size: 20px;
font-weight: 600;
padding: 30px 20px 20px;
}
.popup_wrap .popup_cont .popup_footer {
align-items: center;
border-top: 1px solid #7a7a7a;
display: flex;
justify-content: flex-end;
padding: 10px 15px;
width: 100%;
}
.popup_wrap .popup_cont .popup_footer .btn,
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.popup_wrap .popup_cont .popup_footer button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.popup_wrap
.popup_cont
.popup_footer
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.popup_wrap
.popup_cont
.popup_footer
.single_add_to_cart_button {
margin: 0 5px;
max-width: 100px;
padding: 8px 10px;
}
.popup_wrap .popup_cont .popup_ct {
padding: 20px;
}
.fab_custom:before {
font-family: "Font Awesome 5 Brands";
}
.fab_custom:before,
.far_custom:before {
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.far_custom:before {
font-family: "Font Awesome 5", "Font Awesome 5 Free";
}
.fa_custom:before,
.fas_custom:before {
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-weight: 900;
}
.ci:before,
.fa_custom:before,
.fas_custom:before {
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ci:before {
speak: never;
font-family: Custom Icons;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}
.ci-youtube:before {
content: "\e903";
}
.ci-facebook:before {
content: "\e904";
}
.ci-linkedin-in:before {
content: "\e905";
}
.ci-bars:before {
content: "\e906";
}
.ci-times:before {
content: "\e907";
}
.ci-plus:before {
content: "\e908";
}
.ci-search:before {
content: "\e909";
}
.ci-search-plus:before {
content: "\e90a";
}
.ci-search-minus:before {
content: "\e90b";
}
.ci-file:before {
content: "\e90c";
}
.ci-file-download:before {
content: "\e90d";
}
.ci-file-pdf:before {
content: "\e90e";
}
.ci-file-archive:before {
content: "\e90f";
}
.ci-file-outline:before {
content: "\e910";
}
.ci-file-archive1:before {
content: "\e911";
}
.ci-file-word:before {
content: "\e912";
}
.ci-file-alt:before {
content: "\e913";
}
.ci-file-pdf-alt:before {
content: "\e914";
}
.ci-book-open:before {
content: "\e915";
}
.ci-play-circle:before {
content: "\e916";
}
.ci-arrow-alt-circle-left:before {
content: "\e917";
}
.ci-arrow-alt-circle-right:before {
content: "\e918";
}
.ci-chevron-left:before {
content: "\e919";
}
.ci-chevron-right:before {
content: "\e91a";
}
.ci-chevron-up:before {
content: "\e91b";
}
.ci-chevron-down:before {
content: "\e91c";
}
.ci-map-marker-alt:before {
content: "\e91e";
}
.ci-phone-square-alt:before {
content: "\e91f";
}
.ci-phone-alt:before {
content: "\e920";
}
.ci-envelope:before {
content: "\e921";
}
.ci-calendar:before {
content: "\e922";
}
.ci-check:before {
content: "\e923";
}
.ci-user:before {
content: "\e900";
}
.ci-cart:before {
content: "\e930";
}
.ci-instagram:before {
content: "\e902";
}
.ci-tiktok:before {
content: "\e92f";
}
.ci-truck-line:before {
content: "\e924";
}
.ci-heart-dot:before {
content: "\e925";
}
.ci-coins-fill:before {
content: "\e926";
}
.ci-heart-outline:before {
content: "\e927";
}
.ci-plus-circle:before {
content: "\e928";
}
.ci-minus-circle:before {
content: "\e929";
}
.ci-menu-line:before {
content: "\e92a";
}
.ci-crown:before {
content: "\e92b";
}
.ci-search-line:before {
content: "\e92c";
}
.ci-play-circle-fill:before {
content: "\e92d";
}
.ci-arrow-right-line:before {
content: "\e92e";
}
.ci-pinterest:before {
content: "\e931";
}
body.error404 main {
padding-bottom: 50px;
}
@media (min-width: 992px) {
body.error404 main {
padding-bottom: 80px;
}
}
@media (min-width: 1540px) {
body.error404 main {
padding-bottom: 100px;
}
}
body.error404 .wrap_404 {
position: relative;
text-align: center;
}
body.error404 .wrap_404 h1 {
color: #7a7a7a;
font-size: 90px;
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 640px) {
body.error404 .wrap_404 h1 {
font-size: 100px;
}
}
header {
width: 100%;
z-index: 12;
}
header .top_line {
background-color: #fff;
padding: 22px 0;
transition: padding 0.3s ease-in-out;
}
header .top_line .header_logo {
display: block;
max-width: 193px;
transition: max-width 0.3s ease-in-out;
}
header .top_line .header_logo img {
width: 100%;
}
header .fixed_cont {
color: #fff;
left: 0;
position: relative;
top: 0;
transition: box-shadow 0.3s ease-in-out;
width: 100%;
z-index: 10;
}
header.sticky_nav .sticky {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
left: 0;
position: fixed;
top: 0;
}
@media screen and (max-width: 600px) {
body.admin-bar header.sticky_nav .sticky {
top: 0 !important;
}
}
header.sticky_nav .sticky .top_line {
padding: 8px 0;
}
header.sticky_nav .sticky .top_line .header_logo {
max-width: 130px;
}
header.sticky_nav .sticky .main_navi > li.menu-item-has-children > .sub-menu {
top: 39px;
}
header .right_col {
flex-wrap: wrap;
}
header .right_col,
header .right_col .utilities_bar {
align-items: center;
display: flex;
justify-content: flex-end;
}
@media (min-width: 992px) {
header .right_col .utilities_bar {
padding: 20px 0;
}
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
header
.right_col
.utilities_bar
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
header
.right_col
.utilities_bar
.single_add_to_cart_button,
header .right_col .utilities_bar .btn,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
display: none;
flex-grow: 1;
margin-bottom: 0;
margin-left: 10px;
max-width: 185px;
padding: 20px 10px;
width: 100%;
}
@media (min-width: 1200px) {
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
header
.right_col
.utilities_bar
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
header
.right_col
.utilities_bar
.single_add_to_cart_button,
header .right_col .utilities_bar .btn,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
display: inline-block;
}
}
@media (min-width: 1540px) {
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
header
.right_col
.utilities_bar
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
header
.right_col
.utilities_bar
.single_add_to_cart_button,
header .right_col .utilities_bar .btn,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
header
.right_col
.utilities_bar
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
margin-left: 20px;
width: 185px;
}
}
header .utility_links {
align-items: center;
display: flex;
padding: 0 15px;
position: relative;
}
header .utility_links:after {
background-color: #252525;
content: "";
height: 60px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
}
header .utility_links .widget {
display: none;
}
@media (min-width: 640px) {
header .utility_links .widget {
display: inline-block;
}
}
header .utility_links .widget .wc-price-based-country {
position: relative;
}
header .utility_links .widget .wc-price-based-country .currency-switcher {
background-color: transparent;
border: 0;
border-radius: 0;
color: #fff;
height: auto;
margin-bottom: 0;
margin-right: 15px;
padding: 0;
width: auto;
}
header
.utility_links
.widget
.wc-price-based-country
.currency-switcher
option {
border-radius: 0;
color: #7a7a7a;
display: block;
font-weight: 700;
padding: 5px 0;
}
header .utility_links .lang_switch .lang_holder {
position: relative;
text-transform: uppercase;
}
header .utility_links .lang_switch .lang_holder:hover ul {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
header .utility_links .lang_switch .lang_holder .current_lang {
cursor: pointer;
position: relative;
}
header .utility_links .lang_switch .lang_holder .current_lang:before {
color: #7a7a7a;
content: "\f57d";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
margin-right: 6px;
}
header .utility_links .lang_switch .lang_holder ul {
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.09);
left: 50%;
opacity: 0;
pointer-events: none;
position: absolute;
top: calc(100% + 20px);
transform: translateX(-50%);
transition:
opacity 0.3s,
visibility ease-in-out;
visibility: hidden;
width: 65px;
z-index: 10;
}
header .utility_links .lang_switch .lang_holder ul:before {
background-color: transparent;
bottom: 100%;
content: "";
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
header .utility_links .lang_switch .lang_holder ul li {
display: block;
}
header .utility_links .lang_switch .lang_holder ul li a {
background-color: #fff;
border-top: 1px solid #e9e9e9;
color: #7a7a7a;
display: block;
font-weight: 700;
padding: 10px;
transition:
color 0.3s,
background 0.3 ease-in-out;
}
header .utility_links .lang_switch .lang_holder ul li a:hover {
background-color: #f8aa19;
color: #fff;
}
.search_form {
background-color: #fff;
left: 0;
opacity: 0;
padding: 15px;
pointer-events: none;
position: absolute;
top: calc(100% + 20px);
transform: scaleY(0);
transform-origin: top center;
transition:
transform 0.3s,
opacity 0.3s,
visibility 0.3s ease-in-out;
visibility: hidden;
width: 100%;
z-index: 11;
}
.search_form:before {
background: #fff;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
}
.search_form.active {
opacity: 1;
pointer-events: auto;
transform: scale(1);
visibility: visible;
}
@media (min-width: 992px) {
.search_form {
top: 100%;
}
}
.search_form form {
border: 1px solid #e1e1e1;
border-radius: 0;
display: block;
overflow: hidden;
position: relative;
transform-origin: center right;
transition: border 0.3s ease-in-out;
}
.search_form form:focus,
.search_form form:focus-within {
border-color: #f8aa19;
}
.search_form form [type="search"],
.search_form form [type="text"] {
border: none;
border-radius: 0;
display: block;
height: 57px;
outline: none;
padding: 0 65px 0 15px;
transition: border 0.3s ease-in-out;
width: 100%;
}
.search_form form [type="submit"] {
background-color: transparent;
border: none;
border-radius: 0;
color: #f8aa19;
font-size: 0;
height: 100%;
margin: 0;
padding: 10px 19px 10px 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 57px;
}
.search_form form [type="submit"]:hover {
background-color: #f8aa19;
color: #fff;
}
.search_form form [type="submit"]:before {
content: "\e909";
font-family: Custom Icons;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 1;
}
.sticky_line {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(56, 56, 56, 0.8);
color: #fff;
left: 0;
padding: 7px 0;
position: fixed;
top: 0;
transition: top 0.3s ease-in-out;
width: 100%;
z-index: 60;
}
.sticky_line .sticky_title {
display: block;
font-size: 20px;
font-weight: 700;
}
.sticky_line .btn,
.sticky_line
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.sticky_line
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.sticky_line
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.sticky_line
.single_add_to_cart_button {
margin: 0 0 0 auto !important;
min-height: auto !important;
padding: 10px !important;
width: 160px !important;
}
.shipping_restrictions {
background-color: #f0d548;
color: #7a7a7a;
padding: 13px 0;
text-align: center;
}
.shipping_restrictions i {
margin-right: 5px;
}
.opening_section_wrapper {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 50px;
}
.opening_section_wrapper .breadcrumbs_wrapper {
color: #7a7a7a;
font-size: 16px;
padding: 20px 0;
}
.opening_section_wrapper .breadcrumbs_wrapper a {
color: #7a7a7a;
}
.opening_section_wrapper .breadcrumbs_wrapper a:hover {
color: #f8aa19;
}
.opening_section_wrapper .breadcrumbs_wrapper > span {
color: #7a7a7a;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.opening_section_wrapper .breadcrumbs_wrapper .breadcrumb_last {
color: #7a7a7a;
}
.opening_section_wrapper .content_holder {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
min-height: 400px;
padding-bottom: 50px;
padding-top: 50px;
}
.opening_section_wrapper.has_description .content_holder {
min-height: 650px;
}
.opening_section_wrapper .term-description p:last-child {
margin-bottom: 0;
}
.breadcrubs_area {
color: #7a7a7a;
font-size: 16px;
padding: 20px 0;
z-index: 2;
}
@media (min-width: 1200px) {
.breadcrubs_area {
padding: 30px 0;
}
}
.breadcrubs_area.absolute {
left: 0;
margin-bottom: 0;
position: absolute;
top: 0;
width: 100%;
}
.breadcrubs_area a {
color: #7a7a7a;
}
.breadcrubs_area a:hover {
color: #f8aa19;
}
.breadcrubs_area > span {
color: #7a7a7a;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.breadcrubs_area .breadcrumb_last {
color: #7a7a7a;
}
.breadcrubs_area.account_pages .page-title {
margin: 40px 0;
}
.breadcrubs_area.cart_checkout {
margin-bottom: 20px;
padding-bottom: 0;
}
.breadcrubs_area.cart_checkout .page-title {
margin: 40px 0;
}
.fancy_breadcrumbs.has_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.fancy_breadcrumbs.has_img ::-moz-selection {
background: #f8aa19;
color: #fff;
}
.fancy_breadcrumbs.has_img ::selection {
background: #f8aa19;
color: #fff;
}
.fancy_breadcrumbs.has_img:before {
content: none;
}
.fancy_breadcrumbs.has_img a:not(.btn) {
color: #fff;
}
.fancy_breadcrumbs.has_img a:not(.btn):hover {
color: #f8aa19;
}
.fancy_breadcrumbs.has_img h1.page-title {
color: inherit;
}
ul.autocomplete.autocomplete__frame {
border-radius: 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
overflow: hidden;
padding-top: 10px;
}
ul.autocomplete.autocomplete__frame .pc-autocomplete {
border-bottom: 1px solid #f5f5f5;
padding: 10px;
transition: background 0.3s ease-in-out;
}
ul.autocomplete.autocomplete__frame .pc-autocomplete:first-child {
border-top: 5px solid #000;
}
ul.autocomplete.autocomplete__frame .pc-autocomplete:last-child {
border-radius: 0 0 10px 10px;
}
ul.autocomplete.autocomplete__frame .pc-autocomplete .product-price {
display: none;
font-size: 0;
}
ul.autocomplete.autocomplete__frame
.pc-autocomplete
.pc-autocomplete__product-title {
color: #000;
font-size: 14px;
font-weight: 700;
}
ul.autocomplete.autocomplete__frame
.pc-autocomplete.pc-autocomplete__message--show-all {
font-size: 14px;
line-height: 1.15;
padding: 0;
}
ul.autocomplete.autocomplete__frame
.pc-autocomplete.pc-autocomplete__message--show-all
a {
display: block;
padding: 12px 0;
}
ul.autocomplete.autocomplete__frame
.pc-autocomplete.pc-autocomplete__message--show-all
a:before {
content: "\f06e";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-weight: 900;
}
.header_action_urls .item_box {
display: none;
margin: 0 5px;
position: relative;
}
@media (min-width: 768px) {
.header_action_urls .item_box {
display: inline-block;
}
}
@media (min-width: 1200px) {
.header_action_urls .item_box {
margin: 0 12px;
}
}
.header_action_urls .item_box.cart_wrapper {
display: inline-block;
}
.header_action_urls .item_box:first-child {
margin-left: 0;
}
.header_action_urls a,
.header_action_urls span {
color: #7a7a7a;
cursor: pointer;
display: inline-block;
font-size: 9px;
font-weight: 700;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.header_action_urls a,
.header_action_urls span {
font-size: 11px;
}
}
.header_action_urls a .ci,
.header_action_urls span .ci {
color: #7a7a7a;
display: block;
font-size: 22px;
transition: color 0.3s ease-in-out;
}
.header_action_urls a.search_toggle,
.header_action_urls span.search_toggle {
display: inline-block;
}
.header_action_urls a.search_toggle .close,
.header_action_urls span.search_toggle .close {
border-radius: 100%;
height: 22px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) scale(0);
transform-origin: center center;
transition: transform 0.3s ease-in-out;
width: 22px;
}
.header_action_urls a.search_toggle .close:after,
.header_action_urls a.search_toggle .close:before,
.header_action_urls span.search_toggle .close:after,
.header_action_urls span.search_toggle .close:before {
background-color: #ea4f64;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(90deg);
transition:
background 0.3s,
transform 0.3s ease-in-out;
width: 2px;
}
.header_action_urls a.search_toggle.active .ci:before,
.header_action_urls span.search_toggle.active .ci:before {
transform: scale(0);
}
.header_action_urls a.search_toggle.active .close,
.header_action_urls span.search_toggle.active .close {
transform: translate(-50%, -50%) scale(1);
}
.header_action_urls a.search_toggle.active .close:before,
.header_action_urls span.search_toggle.active .close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.header_action_urls a.search_toggle.active .close:after,
.header_action_urls span.search_toggle.active .close:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.header_action_urls a.search_toggle .ci,
.header_action_urls span.search_toggle .ci {
color: #102133;
font-size: 22px;
}
.header_action_urls a.search_toggle .ci:before,
.header_action_urls span.search_toggle .ci:before {
display: inline-block;
transform: scale(1);
transition: transform 0.3s ease-in-out;
}
.header_action_urls a.awards_link .ci,
.header_action_urls a.awards_link:hover .cart_label,
.header_action_urls span.awards_link .ci,
.header_action_urls span.awards_link:hover .cart_label {
color: #5e5ea8;
}
.header_action_urls a.my_account_link,
.header_action_urls span.my_account_link {
display: none;
}
@media (min-width: 640px) {
.header_action_urls a.my_account_link,
.header_action_urls span.my_account_link {
display: inline-block;
}
}
.header_action_urls a.my_account_link .ci,
.header_action_urls span.my_account_link .ci {
color: #f8aa19;
margin-bottom: 3px;
}
@media (min-width: 768px) {
.header_action_urls a.my_account_link .ci,
.header_action_urls span.my_account_link .ci {
font-size: 38px;
}
}
.header_action_urls a.my_account_link:hover .cart_label,
.header_action_urls span.my_account_link:hover .cart_label {
color: #f8aa19;
}
.header_action_urls a.cart_button,
.header_action_urls span.cart_button {
position: relative;
}
.header_action_urls a.cart_button .ci,
.header_action_urls span.cart_button .ci {
color: #102133;
position: relative;
}
.header_action_urls a.cart_button .cart-contents-count,
.header_action_urls span.cart_button .cart-contents-count {
background-color: #f8aa19;
border-radius: 100%;
color: #000;
font-size: 13px;
font-weight: 700;
height: 22px;
line-height: 1.8em;
position: absolute;
right: -14px;
top: -5px;
width: 22px;
}
.header_action_urls a.cart_button:hover .cart_label,
.header_action_urls span.cart_button:hover .cart_label {
color: #f8aa19;
}
.header_action_urls a.cart_button:hover .empty_cart,
.header_action_urls span.cart_button:hover .empty_cart {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.header_action_urls a.cart_button .empty_cart,
.header_action_urls span.cart_button .empty_cart {
background-color: #393939;
color: #fff;
opacity: 0;
padding: 15px 10px;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: calc(100% + 10px);
transition:
opacity 0.3s,
visibility 0.3s ease-in-out;
visibility: hidden;
width: 180px;
z-index: 1;
}
.header_action_urls a.cart_button .empty_cart:before,
.header_action_urls span.cart_button .empty_cart:before {
background-color: transparent;
bottom: 100%;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
}
@media (min-width: 1920px) {
.header_action_urls a.cart_button .empty_cart,
.header_action_urls span.cart_button .empty_cart {
left: 50%;
right: auto;
transform: translateX(-50%);
}
}
.cart_wrapper {
display: inline-block;
position: relative;
}
.cart_wrapper.active .mini_cart_holder,
.cart_wrapper:hover .mini_cart_holder {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.cart_wrapper span {
font-size: 13px;
font-weight: 400;
}
.cart_wrapper .mini_cart_holder {
background-color: #fff;
border: 1px solid #f9f9f9;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
color: #7a7a7a;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: calc(100% + 10px);
transition:
opacity 0.3s,
visibility 0.3s ease-in-out;
visibility: hidden;
width: 330px;
z-index: 12;
}
.cart_wrapper .mini_cart_holder:before {
border-color: transparent transparent #f8aa19;
border-style: solid;
border-width: 0 8px 10px;
bottom: 100%;
content: "";
height: 0;
position: absolute;
right: 1px;
width: 0;
}
.cart_wrapper .mini_cart_holder:after {
background-color: transparent;
bottom: 100%;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
}
.cart_wrapper .mini_cart_holder .mini_cart_title_wrap {
background: #f8aa19;
margin-bottom: 13px;
padding: 18px 15px 18px 48px;
position: relative;
z-index: 0;
}
.cart_wrapper .mini_cart_holder .mini_cart_title_wrap:before {
color: #fff;
content: "\e930";
font-family: Custom Icons;
font-size: 19px;
font-style: normal;
font-weight: 400;
left: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cart_wrapper .mini_cart_holder .mini_cart_title_wrap .mini_cart_title {
color: #fff;
font-size: 13px;
font-weight: 700;
}
.cart_wrapper .mini_cart_holder .widget_shopping_cart_content {
padding: 0 10px 10px;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart {
list-style: none;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item {
align-items: center;
border-bottom: 1px solid #d9d8d9;
display: flex;
margin-bottom: 15px;
padding-bottom: 15px;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item:last-child {
margin-bottom: 0;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.thumb {
margin: 0 5px 0 0;
transition: opacity 0.3s ease-in-out;
width: 50px;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.thumb:hover {
opacity: 0.8;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.thumb
img {
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
width: 100%;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title {
font-size: 14px;
padding-right: 10px;
width: calc(100% - 145px);
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title
a {
color: #7a7a7a;
font-size: 12px;
margin: 0;
text-align: left;
text-transform: none;
transition: color 0.3s ease-in-out;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title
a:hover {
color: #f8aa19;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title
a
strong {
font-weight: 400;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title
.variation {
color: #5c5c5c;
font-size: 12px;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.prod_title
.variation
p {
margin-bottom: 0;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.quantity {
color: #5c5c5c;
font-size: 12px;
width: 70px;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.quantity
del {
display: none;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.remove {
border-radius: 100%;
color: red;
display: inline-block;
font-size: 15px;
height: 20px;
line-height: 1.2em;
margin: 0;
padding-right: 1px;
text-align: center;
transition:
background 0.3s,
color 0.3s ease-in-out;
width: 20px;
}
.cart_wrapper
.mini_cart_holder
.woocommerce-mini-cart
.woocommerce-mini-cart-item
.remove:hover {
color: #61ce70;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__total {
display: flex;
justify-content: flex-end;
margin-bottom: 15px;
margin-top: 15px;
text-align: right;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__total > strong {
display: inline-block;
margin-right: auto;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__total .amount {
font-size: inherit;
font-weight: 700;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__total .amount span {
font-size: inherit;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__total .tax_label {
font-size: 0.65em;
margin-left: 3px;
}
.cart_wrapper .mini_cart_holder a.checkout_btn {
color: #fff;
display: block;
font-size: 16px;
margin: 0;
max-width: none;
padding: 15px;
width: 100%;
}
.cart_wrapper .mini_cart_holder .woocommerce-mini-cart__empty-message {
margin-bottom: 0;
}
#footer {
position: relative;
width: 100%;
z-index: 1;
}
#footer .outer_row {
border-top: 1px solid #e5e5e5;
margin-top: 40px;
padding: 40px 0;
}
@media (min-width: 992px) {
#footer .outer_row {
margin-top: 65px;
padding: 75px 0 60px;
}
}
#footer ul.menu {
margin-bottom: 30px;
}
@media (min-width: 992px) {
#footer ul.menu {
margin-bottom: 0;
}
}
#footer ul.menu li {
display: block;
margin-bottom: 7px;
}
#footer ul.menu li a {
color: #7a7a7a;
display: inline-block;
font-size: 14px;
line-height: 1.33em;
position: relative;
}
#footer ul.menu li a:hover {
color: #102133;
}
#footer .main_footer {
color: #000;
font-size: 16px;
line-height: 1.429em;
}
#footer .main_footer > .outter_row {
padding: 0 10px;
}
#footer .main_footer .socials {
margin-bottom: 50px;
}
#footer .main_footer .footer_title,
#footer .main_footer h3 {
color: #102133;
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
@media (min-width: 992px) {
#footer .main_footer .footer_title,
#footer .main_footer h3 {
margin-bottom: 40px;
}
}
#footer .main_footer .inline_form {
margin-bottom: 30px;
}
#footer .main_footer .inline_form form {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
#footer .main_footer .inline_form form input {
margin-bottom: 0;
}
#footer .main_footer .inline_form form .hs-error-msgs {
display: none !important;
}
#footer .main_footer .inline_form form .hs-form-field {
width: calc(100% - 80px);
}
#footer .main_footer .inline_form form .hs-form-field input {
background-color: #f8f8f8;
border: none;
border-radius: 10px;
color: #7a7a7a;
display: block;
outline: none;
padding: 0 15px;
}
#footer .main_footer .inline_form form .actions {
height: 100%;
}
#footer .main_footer .inline_form form .actions input {
height: 100%;
width: 80px;
}
#footer .main_footer .inline_form .submitted-message {
background-color: #f8f8f8;
border: 1px solid #e7e7e7;
border-radius: 10px;
color: #7a7a7a;
font-weight: 700;
padding: 15px;
}
#footer .main_footer .inline_form .submitted-message p {
margin: 0;
}
#footer .main_footer .footer_newsletter form {
border-radius: 35px;
box-shadow: 0 0 0 10px hsla(36, 8%, 39%, 0.04);
padding: 50px 30px 30px;
position: relative;
}
#footer .main_footer .footer_newsletter form:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/letter.png) 50% no-repeat;
background-size: contain;
content: "";
height: 54px;
left: 50%;
position: absolute;
top: -25px;
transform: translateX(-50%);
width: 56px;
}
#footer .main_footer .footer_newsletter form .header_form_wrapp {
margin: 0 auto;
max-width: 100%;
padding: 0;
}
#footer .main_footer .footer_newsletter form .header_form_wrapp p {
margin: 0 auto 1.4em;
max-width: 500px;
}
#footer .main_footer .footer_newsletter form .header_form_wrapp .submit_wrap {
align-items: center;
display: flex;
position: relative;
}
#footer
.main_footer
.footer_newsletter
form
.header_form_wrapp
.submit_wrap
.wpcf7-spinner {
margin-left: auto;
margin-right: 5px;
order: -1;
}
#footer .main_footer .footer_newsletter form h2 {
text-align: center;
}
#footer .main_footer .footer_newsletter form .wpcf7-submit {
display: block;
margin: 0 auto;
}
@media (min-width: 1200px) {
#footer .main_footer .footer_newsletter form .wpcf7-submit {
margin: 0 0 0 auto;
}
}
#footer .widget_text p {
color: #7a7a7a;
font-size: 14px;
font-weight: 400;
}
#footer .copyrights {
border-top: 1px solid #e5e5e5;
color: #102133;
font-size: 15px;
font-weight: 400;
line-height: 1.33em;
padding: 20px 0;
position: relative;
z-index: 0;
}
#footer .copyrights .flex {
display: flex;
flex-wrap: wrap;
}
#footer .copyrights .flex ul {
display: flex;
margin-bottom: 0;
}
#footer .copyrights .flex ul li {
margin: 0 6px;
}
#footer .copyrights span {
color: #7a7a7a;
display: block;
font-size: 14px;
}
#footer .payments img {
max-height: 40px;
max-width: 100%;
}
.opening_slider {
background-color: pink;
height: 758px;
}
.header_form_wrapp {
background-color: #fff;
border-radius: 30px;
margin-left: auto;
max-width: 500px;
padding: 30px;
}
.header_form_wrapp h2 {
display: block;
font-size: 27px;
}
.header_form_wrapp .note {
color: #70bbba;
display: inline-block;
font-size: 14px;
margin-bottom: 30px;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 .wpcf7-form input.wpcf7-not-valid {
border-color: red !important;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
border: 1px solid;
border-radius: 10px;
padding: 12px 20px;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
background-color: #fff3cd;
border-color: #efdea8;
color: #856404;
}
.wpcf7 .wpcf7-form.failed .wpcf7-response-output {
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
}
#afreg_additional_1196_field,
#afreg_additionalshowhide_1196,
[data-name="child_birthday"] {
display: block;
position: relative;
}
#afreg_additional_1196_field:before,
#afreg_additionalshowhide_1196:before,
[data-name="child_birthday"]:before {
speak: never;
content: "\e922";
font-family: Custom Icons;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #90d4d5;
font-size: 24px;
pointer-events: none;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
#afreg_additional_1196_field input,
#afreg_additionalshowhide_1196 input,
[data-name="child_birthday"] input {
padding-right: 60px;
}
input[type="date"] {
align-items: center;
display: flex;
}
input[type="date"]:before {
color: #626366;
content: attr(placeholder);
}
.blue_section {
z-index: 0;
}
.blue_section:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/left_clouds.png) 50% no-repeat;
background-size: contain;
bottom: 0;
content: "";
height: 298px;
left: -260px;
position: absolute;
width: 600px;
z-index: -1;
}
@media (min-width: 992px) {
.blue_section:before {
left: -100px;
}
.blue_section:after {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/right_clouds.png) 50% no-repeat;
background-size: contain;
bottom: 0;
content: "";
height: 536px;
position: absolute;
right: -100px;
width: 442px;
z-index: -1;
}
}
.blue_section .elementor-container {
position: static;
}
.blue_section .elementor-container:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/witkid_guarantee.svg) 50% no-repeat;
background-size: contain;
bottom: -80px;
content: "";
height: 156px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 165px;
z-index: -1;
}
@media (min-width: 768px) {
.blue_section .elementor-container:before {
bottom: -60px;
height: 216px;
width: 245px;
}
}
.blue_section .section_title {
align-items: center;
display: flex;
font-size: 24px;
margin: 0;
}
@media (min-width: 1200px) {
.blue_section .section_title {
font-size: 28px;
}
}
.blue_section .section_title small {
color: #fff;
font-size: 100px;
font-weight: 700;
margin: 0 15px 0 0;
}
.file_image {
z-index: 0;
}
.file_image .elementor-widget-container {
display: inline-block;
position: relative;
}
.file_image .elementor-widget-container:before {
align-items: center;
background-color: #fff;
border-radius: 100%;
bottom: 17px;
color: #f8aa19;
content: "\f15c";
display: flex;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 25px;
font-weight: 900;
height: 50px;
justify-content: center;
position: absolute;
right: 17px;
text-align: center;
width: 50px;
z-index: 1;
}
@media (min-width: 992px) {
.file_image .elementor-widget-container:before {
font-size: 36px;
height: 67px;
width: 67px;
}
}
@media (max-width: 639px) {
.custom_cols .elementor-container .elementor-col-33,
.custom_cols .elementor-container .elementor-col-66 {
width: 100%;
}
}
.application_listing {
position: relative;
z-index: 1;
}
.application_listing .product_applications_tabs {
border-bottom: 1px solid #f9f9f9;
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
}
.application_listing .product_applications_tabs li {
color: #000;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 30px 15px;
position: relative;
text-transform: uppercase;
}
@media (min-width: 992px) {
.application_listing .product_applications_tabs li {
font-size: 17px;
padding: 30px 25px;
}
}
.application_listing .product_applications_tabs li:before {
background-color: #f8aa19;
bottom: -3px;
content: "";
height: 5px;
left: 0;
position: absolute;
transform: scaleY(0);
transform-origin: center center;
transition: transform 0.3s ease-in-out;
width: 100%;
}
.application_listing .product_applications_tabs li.active:before,
.application_listing .product_applications_tabs li:hover:before {
transform: scale(1);
}
.application_listing .listing_box {
display: block;
}
.application_listing .listing_box figure {
display: block;
margin-bottom: 15px;
transition: opacity 0.3s ease-in-out;
}
.application_listing .listing_box figure img {
border-radius: 10px 10px 60px 10px;
}
@media (min-width: 992px) {
.application_listing .listing_box figure img {
border-radius: 10px 10px 80px 10px;
}
}
@media (min-width: 1540px) {
.application_listing .listing_box figure img {
border-radius: 10px 10px 100px 10px;
}
}
.application_listing .listing_box figure:hover {
opacity: 0.7;
}
.application_listing .listing_box h3 {
margin-bottom: 10px;
}
.application_listing .listing_box h3 a {
color: #000;
}
.application_listing .listing_box h3 a:hover {
color: #f8aa19;
}
.application_listing .listing_box .btn,
.application_listing
.listing_box
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.application_listing
.listing_box
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.application_listing
.listing_box
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.application_listing
.listing_box
.single_add_to_cart_button {
margin-bottom: 40px;
}
.page_seo_text {
margin-top: 35px;
}
.badge_list {
display: flex;
padding-left: 15px;
position: absolute;
right: 0;
top: 0;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.badge_list.down {
top: 100%;
}
.badge_list .single_badge {
align-items: center;
background-color: #102133;
color: #fff;
display: inline-block;
display: flex;
font-size: 12px;
font-weight: 400;
justify-content: center;
letter-spacing: 0.1em;
line-height: 1;
margin: 0 5px;
min-width: 33.33%;
padding: 4px 6px;
text-align: center;
}
.badge_list .single_badge:first-child {
margin-left: 0;
}
.badge_list .single_badge:last-child {
margin-right: 0;
}
.badge_list .single_badge.sale_badge {
background-color: #ce185b;
min-width: auto;
}
.badge_list .single_badge.outof_stock {
font-size: 14px;
font-weight: 700;
}
.badge_list .single_badge.icon {
min-width: auto;
}
.badge_list .single_badge img {
max-height: 40px;
max-width: 40px;
width: 100%;
}
body.archive .product_listing_wrapper {
padding: 30px 0;
}
@media (min-width: 992px) {
body.archive .product_listing_wrapper {
padding: 50px 0;
}
}
body.archive
.product_listing_wrapper.product_category_section
.category_page-title {
font-weight: 700;
margin-bottom: 30px;
text-align: center;
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0 10px;
}
@media (min-width: 480px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing {
padding: unset;
}
}
@media (min-width: 992px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing {
gap: 20px;
}
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category {
margin-bottom: 0;
padding: 0;
width: 100%;
}
@media (min-width: 480px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category {
width: calc(50% - 10px);
}
}
@media (min-width: 768px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category {
width: calc(33.33% - 10px);
}
}
@media (min-width: 992px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category {
width: calc(33.33% - 20px);
}
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a {
align-items: flex-start;
background-color: #d9d9d9;
background-position: 50%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: end;
margin-bottom: 0;
min-height: 140px;
padding: 10px;
transition: opacity 0.3s ease-in-out;
width: 100%;
}
@media (min-width: 480px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a {
padding: 20px;
}
}
@media (min-width: 768px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a {
padding: 20px;
}
}
@media (min-width: 992px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a {
min-height: 180px;
padding: 50px;
}
}
@media (min-width: 1200px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a {
height: calc(100% - 30px);
min-height: 260px;
}
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a:hover {
opacity: 0.8;
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
a:hover
.shop_all {
border-color: #f8aa19;
color: #f8aa19;
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
h2 {
color: #102133;
font-size: 20px;
margin-bottom: 10px;
width: 100%;
}
@media (min-width: 992px) {
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
h2 {
font-size: 24px;
}
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
.shop_all {
border-bottom: 1px solid #102133;
color: #102133;
display: inline-block;
font-weight: 500;
padding-right: 17px;
position: relative;
transition:
color 0.3s ease-in-out,
border-color 0.3s ease-in-out;
}
body.archive
.product_listing_wrapper.product_category_section
.product_listing
.product-category
.shop_all:after {
content: "\f061";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 0.7em;
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.products_col .woocommerce-ordering {
margin: 0;
}
.products_col .woocommerce-ordering select {
height: auto;
margin: 0;
padding: 10px 14px 10px 10px;
}
.products_col .woocommerce_per_page {
align-items: center;
border-bottom: 1px solid #f9f9f9;
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 28px;
padding-bottom: 11px;
text-align: right;
width: 100%;
}
@media (min-width: 992px) {
.products_col .woocommerce_per_page {
display: block;
}
}
.products_col .woocommerce_per_page .perpage_label {
color: #7a7a7a;
display: inline-block;
font-size: 14px;
font-weight: 400;
margin-right: 10px;
text-transform: uppercase;
}
.products_col .woocommerce_per_page input[type="radio"] {
display: none;
}
.products_col .woocommerce_per_page input[type="radio"] + label {
color: #7a7a7a;
cursor: pointer;
display: inline-block;
font-size: 18px;
transition: color 0.3s ease-in-out;
}
.products_col .woocommerce_per_page input[type="radio"] + label:hover {
color: #f8aa19;
}
.products_col .woocommerce_per_page input[type="radio"] + label:after {
color: #7a7a7a;
content: "/";
display: inline-block;
font-weight: 400;
margin: 0 5px;
}
.products_col
.woocommerce_per_page
input[type="radio"]
+ label:last-of-type:after {
content: none;
}
.products_col .woocommerce_per_page input[type="radio"]:checked + label {
color: #7a7a7a;
font-weight: 700;
}
.products_col .woocommerce-notices-wrapper {
flex-basis: 100%;
width: 100%;
}
.products_col .page-description {
flex-basis: 100%;
margin-top: 30px;
width: 100%;
}
.products_col .product_listing {
line-height: 1.429;
}
@media (min-width: 768px) {
.products_col .product_listing.center_block {
justify-content: center;
}
}
.products_col .product_listing .product {
margin-bottom: 10px;
padding-top: 30px;
}
.products_col .product_listing .product .price_block {
align-items: center;
color: #000;
display: flex;
flex-wrap: wrap;
font-size: 16px;
font-weight: 400;
justify-content: flex-start;
line-height: 1em;
text-align: left;
}
.products_col .product_listing .product .price_block del {
color: #f9f9f9;
font-size: 0.73em;
font-weight: 300;
margin-left: 10px;
order: 1;
}
.products_col .product_listing .product .price_block .subscription-details {
font-weight: 300;
margin-left: 5px;
}
.products_col .product_listing .product .product_listing_box {
background-color: transparent;
border-radius: 13px;
height: 100%;
position: relative;
text-align: left;
transition:
background 0.3s,
box-shadow 0.3s ease-in-out;
}
.products_col .product_listing .product .product_listing_box > .row {
align-content: space-between;
height: 100%;
}
.products_col
.product_listing
.product
.product_listing_box
.woocommerce-price-suffix {
display: none;
}
.products_col .product_listing .product .product_listing_box .tinv-wraper {
position: absolute;
right: 8px;
top: 8px;
z-index: 4;
}
.products_col .product_listing .product .product_listing_box .tinv-wraper a {
color: #fff;
}
.products_col
.product_listing
.product
.product_listing_box
.tinv-wraper
a:hover:before {
content: "\e908";
}
.products_col
.product_listing
.product
.product_listing_box
.tinv-wraper
a:before {
font-size: 28px;
margin: 0;
}
.products_col .product_listing .product .product_listing_box .info_col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.products_col
.product_listing
.product
.product_listing_box
.info_col
.excerpt {
font-size: 16px;
}
.products_col .product_listing .product .product_listing_box.style_2 {
background-color: #fff;
}
.products_col .product_listing .product .accessories_style .prod_img {
font-size: 0;
height: 100%;
margin-bottom: 0;
}
.products_col .product_listing .product .accessories_style h3 {
border-top: 1px solid #e1e1e1;
margin-bottom: 0;
padding: 10px 0 0;
}
.products_col .product_listing.static_bg .product_listing_box {
background-color: #fff;
}
.products_col .product_listing.dark_mode .product_listing_box ul li .label,
.products_col .product_listing.dark_mode .product_listing_box ul li .value {
background-color: #ede7db;
transition: background 0.3s ease-in-out;
}
.products_col
.product_listing.dark_mode
.product_listing_box:hover
ul
li
.label,
.products_col
.product_listing.dark_mode
.product_listing_box:hover
ul
li
.value {
background-color: #fff;
}
.products_col .product_listing .prod_img {
display: block;
line-height: 0;
margin-bottom: 10px;
position: relative;
transition: opacity 0.3s ease-in-out;
}
.products_col .product_listing .prod_img img {
width: 100%;
}
.products_col .product_listing .prod_img .gallery_image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.3s ease-in-out;
width: 100%;
z-index: 1;
}
.products_col .product_listing .prod_img.has_gallery:hover .gallery_image {
opacity: 1;
}
.products_col .product_listing .prod_img:not(.has_gallery):hover {
opacity: 0.7;
}
.products_col .product_listing .prod_img .badge_list {
justify-content: flex-start;
padding-left: 10px;
padding-right: 0;
top: 10px;
transform: none;
}
.products_col .product_listing h3 {
font-size: 16px;
font-weight: 400;
line-height: 1.25;
margin-bottom: 10px;
}
.products_col .product_listing h3 a {
color: #7a7a7a;
}
.products_col .product_listing h3 a:hover {
color: #f8aa19;
}
.products_col .product_listing .add_info {
align-items: center;
display: flex;
font-size: 16px;
justify-content: space-between;
margin-bottom: 20px;
}
.products_col .product_listing .add_info .watch_video a {
display: inline-block;
padding-left: 20px;
position: relative;
}
.products_col .product_listing .add_info .watch_video a:before {
font-size: 13px;
left: 0;
position: absolute;
top: 4px;
}
.products_col .product_listing .add_info li .value {
display: inline-block;
font-weight: 700;
}
.products_col .product_listing .btn,
.products_col
.product_listing
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.products_col
.product_listing
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.products_col
.product_listing
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.products_col
.product_listing
.single_add_to_cart_button {
display: block;
margin: 0 auto;
width: 100%;
}
.products_col .product_listing .btn:hover,
.products_col
.product_listing
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button:hover,
.products_col
.product_listing
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button:hover,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.products_col
.product_listing
.single_add_to_cart_button:hover,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.products_col
.product_listing
.single_add_to_cart_button:hover {
background-color: #f88503;
border-color: #f88503;
}
.products_col .swiper-container.has_dots .product_listing {
margin-bottom: 60px;
}
.products_col .woocommerce-pagination {
line-height: 0;
margin-top: 40px;
text-align: center !important;
}
.products_col .woocommerce-pagination ul.page-numbers {
border: 0;
margin: 0;
}
.products_col .woocommerce-pagination ul.page-numbers li {
border: none;
overflow: visible;
}
.products_col .woocommerce-pagination ul.page-numbers li a,
.products_col .woocommerce-pagination ul.page-numbers li span {
align-items: center;
background-color: transparent;
border: 1px solid #dbd4c7;
color: #7f7f7f;
display: flex;
font-size: 14px;
font-weight: 400;
height: 40px;
justify-content: center;
margin: 0 5px;
padding: 0;
position: relative;
text-align: center;
transition:
background-color 0.3s ease-in-out,
border-color 0.3s,
color 0.3s ease-in-out;
width: 40px;
}
.products_col .woocommerce-pagination ul.page-numbers li a.current,
.products_col .woocommerce-pagination ul.page-numbers li a:focus,
.products_col .woocommerce-pagination ul.page-numbers li a:hover,
.products_col .woocommerce-pagination ul.page-numbers li span.current,
.products_col .woocommerce-pagination ul.page-numbers li span:focus,
.products_col .woocommerce-pagination ul.page-numbers li span:hover {
background-color: #f8aa19;
border-color: #f8aa19;
color: #fff;
}
.products_col .woocommerce-pagination ul.page-numbers li a.next,
.products_col .woocommerce-pagination ul.page-numbers li a.prev,
.products_col .woocommerce-pagination ul.page-numbers li span.next,
.products_col .woocommerce-pagination ul.page-numbers li span.prev {
font-size: 0;
position: relative;
}
.products_col .woocommerce-pagination ul.page-numbers li a.next:before,
.products_col .woocommerce-pagination ul.page-numbers li a.prev:before,
.products_col .woocommerce-pagination ul.page-numbers li span.next:before,
.products_col .woocommerce-pagination ul.page-numbers li span.prev:before {
font-family: Custom Icons;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.products_col .woocommerce-pagination ul.page-numbers li a.next:before,
.products_col .woocommerce-pagination ul.page-numbers li span.next:before {
content: "\e91a";
}
.products_col .woocommerce-pagination ul.page-numbers li a.next:after,
.products_col .woocommerce-pagination ul.page-numbers li span.next:after {
content: none;
}
.products_col .woocommerce-pagination ul.page-numbers li a.prev:before,
.products_col .woocommerce-pagination ul.page-numbers li span.prev:before {
content: "\e919";
}
.brands_slider_wrapper {
margin-bottom: 40px;
padding: 0 60px;
position: relative;
}
.brands_slider_wrapper .brand_box {
align-items: center;
background: #f6f7f7;
border-radius: 10px;
display: flex;
height: 120px;
justify-content: center;
margin: 5px;
opacity: 1;
padding: 10px;
transition: opacity 0.3s ease-in-out;
}
.brands_slider_wrapper .brand_box:hover {
opacity: 0.5;
}
.brands_slider_wrapper .brand_box img {
display: block;
max-height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
padding: 0;
}
.brands_slider_wrapper .swiper-button-next,
.brands_slider_wrapper .swiper-button-prev {
display: block !important;
}
.category_page-title {
color: #000;
font-size: 32px;
font-weight: 400;
line-height: 1.2em;
}
@media (min-width: 640px) {
.category_page-title {
font-size: 40px;
}
}
.category_links {
margin-bottom: 23px;
margin-left: -8px;
width: calc(100% + 16px);
}
.category_links:not(.is_inline) {
display: flex;
flex-wrap: wrap;
}
.category_links:not(.is_inline) .link_box {
flex-basis: calc(100% - 16px);
flex-basis: calc(33.333% - 16px);
max-width: calc(100% - 16px);
max-width: calc(33.333% - 16px);
}
@media (min-width: 1200px) {
.category_links:not(.is_inline) .link_box {
flex-basis: calc(25% - 16px);
max-width: calc(25% - 16px);
}
}
.category_links .link_box {
background-color: #e3f4f4;
border-radius: 15px;
color: #7a7a7a;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 1.25em;
margin: 0 8px 16px;
position: relative;
}
.category_links .link_box.no_img {
padding: 15px;
transition:
background 0.3s,
color 0.3s ease-in-out;
}
.category_links .link_box.no_img:hover {
background-color: #f8aa19;
color: #fff;
}
.category_links .link_box:not(.no_img) {
display: flex;
flex-direction: column;
height: calc(100% - 30px);
justify-content: space-between;
min-height: 140px;
padding: 17px 19px 40px;
}
.category_links .link_box:not(.no_img):after {
bottom: 10px;
content: "\e92e";
font-family: Custom Icons;
font-style: normal;
font-weight: 400;
left: 20px;
position: absolute;
}
.category_links .link_box:not(.no_img) img {
bottom: 10px;
max-width: 120px;
position: absolute;
right: 15px;
width: 100%;
}
.category_links .link_box .box_title {
display: block;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div {
display: inline-block;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div
> span {
display: none;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div
ul
li {
display: inline-block;
margin: 5px !important;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div
ul
li
a {
background-color: #f6f6f6;
border: 1px solid #d7d7d7;
color: #7a7a7a;
display: inline-block;
font-size: 16px;
padding: 8px 36px 8px 13px;
position: relative;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div
ul
li
a
.fa-times {
color: #909191;
font-size: 14px;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
transition: color 0.3s ease-in-out;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
> div
ul
li
a:hover
.fa-times {
color: #ea4f64;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
.bapf_sfa_unall {
display: inline-block;
font-size: 16px;
margin: 5px;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
.bapf_sfa_unall
li
a {
color: #7a7a7a;
}
.berocket_aapf_widget_selected_area
.berocket_aapf_widget_selected_filter
.bapf_sfa_unall
li
a:hover {
color: #ea4f64;
}
.category_description {
background-color: #102133;
color: #fff;
margin-bottom: 30px;
padding: 30px 0;
text-align: center;
}
@media (min-width: 992px) {
.category_description {
margin-bottom: 60px;
padding: 70px 0;
}
}
.category_description p {
font-size: 18px;
}
.category_description p:last-of-type {
margin-bottom: 0;
}
.archive_description {
background: #ebebeb url(//framatica.com/wp-content/themes/framatica/assets/images/layout/decoration_gray.jpg) 100% 100%
no-repeat;
background-size: 854px;
margin-top: 50px;
padding: 60px 0;
}
.archive_description p:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.archive_description {
margin-top: 80px;
}
}
@media (min-width: 1540px) {
.archive_description {
margin-top: 100px;
}
}
@media screen and (max-width: 991px) {
#filters_wrap {
background: #fff;
bottom: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
left: -100%;
max-width: 320px;
overflow-y: auto;
padding: 50px 20px 20px;
position: fixed;
top: 0;
transition: left 0.6s ease-in-out;
width: 100%;
z-index: 20;
}
body {
position: relative;
}
body:before {
background-color: rgba(0, 0, 0, 0.8);
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition:
left 0.5s,
opacity 0.5s,
visibility 0.5s ease-in-out;
visibility: hidden;
width: 100%;
z-index: 19;
}
body.sidebar_opened:before {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
body.sidebar_opened #filters_wrap {
left: 0;
}
.filter_toggle {
border: 1px solid #f9f9f9;
color: #000;
cursor: pointer;
display: inline-block;
margin-bottom: 10px;
min-width: 180px;
padding: 15px 25px;
text-align: center;
transition:
background 0.3s,
color 0.3s ease-in-out;
}
.filter_toggle:before {
color: #ce185b;
margin-right: 8px;
}
.filter_toggle:hover {
background-color: #f2f2f2;
}
}
@media (min-width: 992px) {
.filter_toggle,
.fas.filter_toggle,
.filters_close {
display: none;
}
.filters_inner {
padding-top: 10px;
}
.filters_inner .berocket_single_filter_widget,
.filters_inner .widget_product_categories {
border-bottom: 1px solid #d7d7d8;
font-size: 16px;
margin-bottom: 40px;
padding-bottom: 40px;
}
.filters_inner .berocket_single_filter_widget:last-of-type,
.filters_inner .widget_product_categories:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.widget_product_categories .product-categories {
margin-bottom: 0;
}
.widget_product_categories .product-categories li {
margin-bottom: 20px !important;
position: relative;
}
.widget_product_categories .product-categories li .dropdown_icon {
color: #aaabab;
font-size: 20px;
height: 20px;
line-height: 0.8em;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: color 0.3s ease-in-out;
width: 20px;
}
.widget_product_categories .product-categories li .dropdown_icon:before {
content: "+";
}
.widget_product_categories .product-categories li.current-cat-parent > a,
.widget_product_categories .product-categories li.current-cat > a {
color: #f8aa19;
font-weight: 700;
}
.widget_product_categories .product-categories li a {
color: #000;
display: block;
transition: color 0.3s ease-in-out;
}
.widget_product_categories
.product-categories
li
a.active_dropdown
.dropdown_icon,
.widget_product_categories .product-categories li a:hover,
.widget_product_categories .product-categories li a:hover .dropdown_icon {
color: #f8aa19;
}
.widget_product_categories
.product-categories
li
a.active_dropdown
.dropdown_icon:before {
content: "-";
}
.widget_product_categories .product-categories li .children {
display: none;
position: relative;
}
.widget_product_categories .product-categories li ul li {
padding-left: 15px;
}
.widget_product_categories .product-categories li ul li:first-child {
margin-top: 20px !important;
}
.widget_product_search {
border-bottom: 1px solid #d7d7d8;
margin-bottom: 30px;
padding-bottom: 35px;
}
@media (min-width: 992px) {
.widget_product_search {
margin-bottom: 40px;
padding-bottom: 50px;
}
}
.widget_product_search h3 {
color: #000;
font-size: 20px;
font-weight: 500;
}
.widget_product_search form {
align-items: center;
border: 1px solid #d7d7d8;
display: flex;
}
.widget_product_search form input {
padding: 16px 12px;
width: 100%;
}
.widget_product_search form input:focus-visible {
outline: none !important;
}
.widget_product_search form button {
background: unset;
border: 0;
font-size: 0;
height: 35px;
margin: 0;
padding: 0;
position: relative;
width: 35px;
}
.widget_product_search form button:before {
color: #000;
content: "\e909";
font-family: Custom Icons;
font-size: 24px;
left: -5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.widget_product_search form button:focus-visible {
outline: none !important;
}
@media (max-width: 991px) {
.berocket_single_filter_widget,
.widget_product_categories {
margin-bottom: 40px;
}
.berocket_single_filter_widget:first-child,
.widget_product_categories:first-child {
margin-bottom: 20px;
}
.berocket_single_filter_widget h3,
.widget_product_categories h3 {
font-size: 18px;
margin-bottom: 10px;
margin-top: 25px;
}
}
.berocket_single_filter_widget h3,
.widget_product_categories h3 {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 1.222em;
margin-bottom: 20px;
position: relative;
}
@media (min-width: 992px) {
.berocket_single_filter_widget h3,
.widget_product_categories h3 {
margin-bottom: 40px;
}
}
.berocket_single_filter_widget .price_filter .bapf_body .bapf_from,
.berocket_single_filter_widget .price_filter .bapf_body .bapf_to,
.widget_product_categories .price_filter .bapf_body .bapf_from,
.widget_product_categories .price_filter .bapf_body .bapf_to {
align-items: center;
display: flex;
}
.berocket_single_filter_widget
.price_filter
.bapf_body
.bapf_from
input[type="text"],
.berocket_single_filter_widget
.price_filter
.bapf_body
.bapf_to
input[type="text"],
.widget_product_categories
.price_filter
.bapf_body
.bapf_from
input[type="text"],
.widget_product_categories
.price_filter
.bapf_body
.bapf_to
input[type="text"] {
border-radius: 5px;
height: auto;
padding: 6px;
text-align: center;
}
.berocket_single_filter_widget .price_filter .bapf_body .bapf_to,
.widget_product_categories .price_filter .bapf_body .bapf_to {
justify-content: flex-end;
}
.berocket_single_filter_widget .bapf_body ul,
.widget_product_categories .bapf_body ul {
margin-bottom: 0 !important;
}
.berocket_single_filter_widget .bapf_body ul li:before,
.widget_product_categories .bapf_body ul li:before {
content: none;
}
.berocket_single_filter_widget .bapf_body ul li label,
.widget_product_categories .bapf_body ul li label {
color: #7a7a7a;
transition: color 0.3s ease-in-out;
}
.berocket_single_filter_widget .bapf_body ul li label:hover,
.widget_product_categories .bapf_body ul li label:hover {
color: #102133;
}
.berocket_single_filter_widget .bapf_body .bapf_slidr_all,
.widget_product_categories .bapf_body .bapf_slidr_all {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 5px;
}
.berocket_single_filter_widget .bapf_body .bapf_slidr_all .bapf_slidr_main,
.widget_product_categories .bapf_body .bapf_slidr_all .bapf_slidr_main {
background-color: #d7d8d7;
border: 1px solid #f9f9f9;
border-radius: 10px;
height: 10px;
margin-bottom: 12px;
width: 100%;
}
.berocket_single_filter_widget
.bapf_body
.bapf_slidr_all
.bapf_slidr_main
.ui-slider-range,
.widget_product_categories
.bapf_body
.bapf_slidr_all
.bapf_slidr_main
.ui-slider-range {
background-color: #f8aa19;
}
.berocket_single_filter_widget
.bapf_body
.bapf_slidr_all
.bapf_slidr_main
.ui-slider-handle,
.widget_product_categories
.bapf_body
.bapf_slidr_all
.bapf_slidr_main
.ui-slider-handle {
background-color: #fff;
border: 1px solid #000;
height: 15px;
top: -4px;
width: 15px;
}
.berocket_single_filter_widget .bapf_body .bapf_slidr_all .bapf_from,
.berocket_single_filter_widget .bapf_body .bapf_slidr_all .bapf_to,
.widget_product_categories .bapf_body .bapf_slidr_all .bapf_from,
.widget_product_categories .bapf_body .bapf_slidr_all .bapf_to {
color: #7a7a7a;
flex-basis: 50%;
float: none;
font-size: 16px;
width: 50%;
}
.berocket_single_filter_widget .bapf_ckbox_sqchck ul li,
.berocket_single_filter_widget .bapf_hideckbox ul li,
.widget_product_categories .bapf_ckbox_sqchck ul li,
.widget_product_categories .bapf_hideckbox ul li {
margin-bottom: 20px !important;
padding-left: 30px !important;
position: relative;
}
.berocket_single_filter_widget .bapf_ckbox_sqchck ul li input[type="checkbox"],
.berocket_single_filter_widget .bapf_hideckbox ul li input[type="checkbox"],
.widget_product_categories .bapf_ckbox_sqchck ul li input[type="checkbox"],
.widget_product_categories .bapf_hideckbox ul li input[type="checkbox"] {
background-color: #fff;
border: 0.5px solid #7a7a7a;
left: 0;
position: absolute;
top: 0;
transition: border 0.3s ease-in-out;
}
.berocket_single_filter_widget
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:hover,
.berocket_single_filter_widget
.bapf_hideckbox
ul
li
input[type="checkbox"]:hover,
.widget_product_categories
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:hover,
.widget_product_categories .bapf_hideckbox ul li input[type="checkbox"]:hover {
border-color: #102133;
}
.berocket_single_filter_widget
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked:after,
.berocket_single_filter_widget
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked:after,
.widget_product_categories
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked:after,
.widget_product_categories
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked:after {
border-color: #f8aa19;
bottom: 6px;
height: 10px;
left: 6px;
top: auto;
transform: rotate(45deg);
width: 6px;
}
.berocket_single_filter_widget
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked
+ label,
.berocket_single_filter_widget
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked
+ label
+ span,
.berocket_single_filter_widget
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked
+ label,
.berocket_single_filter_widget
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked
+ label
+ span,
.widget_product_categories
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked
+ label,
.widget_product_categories
.bapf_ckbox_sqchck
ul
li
input[type="checkbox"]:checked
+ label
+ span,
.widget_product_categories
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked
+ label,
.widget_product_categories
.bapf_hideckbox
ul
li
input[type="checkbox"]:checked
+ label
+ span {
font-weight: 700;
}
.berocket_single_filter_widget
.bapf_hideckbox
ul
> li
input[type="checkbox"]:checked
+ label,
.berocket_single_filter_widget
.bapf_hideckbox
ul
> li
input[type="checkbox"]:checked
+ label
+ i,
.widget_product_categories
.bapf_hideckbox
ul
> li
input[type="checkbox"]:checked
+ label,
.widget_product_categories
.bapf_hideckbox
ul
> li
input[type="checkbox"]:checked
+ label
+ i {
color: #f8aa19;
}
.berocket_single_filter_widget .bapf_hideckbox ul > li i,
.widget_product_categories .bapf_hideckbox ul > li i {
color: #ababaa;
font-size: 0.8em;
transition: color 0.3s ease-in-out;
}
.berocket_single_filter_widget .bapf_hideckbox ul > li:hover > i,
.berocket_single_filter_widget .bapf_hideckbox ul > li:hover > label,
.widget_product_categories .bapf_hideckbox ul > li:hover > i,
.widget_product_categories .bapf_hideckbox ul > li:hover > label {
color: #f8aa19;
}
.berocket_single_filter_widget .bapf_hideckbox ul li,
.widget_product_categories .bapf_hideckbox ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0 !important;
}
.berocket_single_filter_widget .bapf_hideckbox ul li ul,
.widget_product_categories .bapf_hideckbox ul li ul {
flex-basis: 100%;
width: 100%;
}
.berocket_single_filter_widget .bapf_hideckbox ul li ul > li:first-child,
.widget_product_categories .bapf_hideckbox ul li ul > li:first-child {
margin-top: 20px !important;
}
.berocket_single_filter_widget .bapf_sfilter,
.widget_product_categories .bapf_sfilter {
margin-bottom: 0;
}
.berocket_single_filter_widget .bapf_sfilter.bapf_srch input.bapf_input,
.widget_product_categories .bapf_sfilter.bapf_srch input.bapf_input {
background: #fff;
border: 1px solid #d6d7d8;
border-radius: 100px;
height: 50px;
margin-bottom: 0;
padding: 10px 50px 10px 20px;
}
.berocket_single_filter_widget .bapf_sfilter.bapf_srch span.bapf_search,
.widget_product_categories .bapf_sfilter.bapf_srch span.bapf_search {
font-size: 16px;
top: 50%;
transform: translateY(-50%);
width: 50px;
}
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.images,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce .product {
color: #7a7a7a;
}
.woocommerce .product.product-type-subscription .quantity_wrapper {
display: none !important;
}
.woocommerce
.product.product-type-subscription
.main_section
.summary_col
form.cart {
align-items: flex-start;
}
.woocommerce .product .main_section {
padding: 0 0 55px;
}
.woocommerce .product .main_section h1.product_title,
.woocommerce .product .main_section span.product_title {
display: none;
font-size: 30px;
font-weight: 600;
line-height: 1.33em;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.woocommerce .product .main_section h1.product_title,
.woocommerce .product .main_section span.product_title {
display: block;
}
}
.woocommerce .product .main_section h1.product_title.mobile_title,
.woocommerce .product .main_section span.product_title.mobile_title {
border-bottom: none;
display: block;
margin-bottom: 40px;
padding-bottom: 0;
}
@media (min-width: 992px) {
.woocommerce .product .main_section h1.product_title.mobile_title,
.woocommerce .product .main_section span.product_title.mobile_title {
display: none;
}
}
.woocommerce .product .main_section .price {
align-items: baseline;
color: #102133;
display: flex;
flex-wrap: wrap;
font-size: 32px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 30px;
}
.woocommerce .product .main_section .price del {
color: #898989;
font-size: 0.666em;
font-weight: 300;
}
.woocommerce .product .main_section .price ins {
margin-right: 10px;
order: -1;
}
@media (min-width: 768px) {
.woocommerce .product .main_section .price ins {
margin-right: 20px;
}
}
.woocommerce .product .main_section .price small.woocommerce-price-suffix {
color: #7a7a7a;
display: block;
font-size: 12px;
font-weight: 300;
line-height: 1.33em;
margin-bottom: 10px;
margin-left: 5px;
}
.woocommerce .product .main_section .saved_amount {
color: #7a7a7a;
display: block;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.woocommerce .product .main_section .woocommerce-variation-price {
display: none !important;
}
.woocommerce .product .main_section .tinvwl-shortcode-add-to-cart {
padding: 0 0 20px;
}
@media (min-width: 992px) {
.woocommerce .product .main_section .tinvwl-shortcode-add-to-cart {
padding: 0 0 37px;
}
}
.woocommerce
.product
.main_section
.woocommerce-product-details__short-description {
margin-bottom: 0;
padding: 0 0 20px;
}
@media (min-width: 992px) {
.woocommerce
.product
.main_section
.woocommerce-product-details__short-description {
padding: 0 0 37px;
}
}
.woocommerce
.product
.main_section
.woocommerce-product-details__short-description
p:last-child {
margin-bottom: 0;
}
.woocommerce .product .main_section table.variations {
display: flex;
margin-bottom: 6px !important;
max-width: 100%;
}
.woocommerce .product .main_section table.variations tbody {
width: 100%;
}
.woocommerce .product .main_section table.variations tr {
display: block;
}
.woocommerce .product .main_section table.variations tr .label {
color: #7a7a7a;
display: block;
font-size: 16px;
font-weight: 400 !important;
text-align: left;
}
.woocommerce .product .main_section table.variations tr .label label:after {
content: ":";
}
.woocommerce .product .main_section table.variations tr .value {
display: block;
}
.woocommerce
.product
.main_section
table.variations
tr
.woo-variation-items-wrapper {
margin-bottom: 20px;
}
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li {
border: 2px solid #f0f0f0;
border-radius: 7px;
box-shadow: none !important;
height: 60px;
min-width: 60px !important;
padding: 0;
transition: border 0.3s ease-in-out;
}
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li.selected,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li.selected {
border-color: #f8aa19;
}
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li.selected
.variable-item-contents:before,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li.selected
.variable-item-contents:before {
content: none !important;
}
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li
.variable-item-contents,
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li
.variable-item-contents
.variable-item-span,
.woocommerce
.product
.main_section
table.variations
tr
.color-variable-items-wrapper
li
.variable-item-contents
.variable-item-span-color,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li
.variable-item-contents,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li
.variable-item-contents
.variable-item-span,
.woocommerce
.product
.main_section
table.variations
tr
.variable-items-wrapper
li
.variable-item-contents
.variable-item-span-color {
border-radius: 5px;
}
.woocommerce .product .main_section table.variations tr select {
display: block;
margin-right: 0;
max-width: 100% !important;
min-width: auto !important;
width: 350px !important;
}
.woocommerce .product .main_section table.variations tr .reset_variations {
display: none !important;
}
.woocommerce .product .main_section .size_chart {
display: flex;
justify-content: flex-end;
margin-bottom: 25px;
margin-top: -20px;
max-width: 350px;
}
.woocommerce .product .main_section .size_chart a {
color: #7a7a7a;
text-decoration: underline;
}
.woocommerce .product .main_section .size_chart a:hover {
color: #f8aa19;
}
.woocommerce .product .main_section .woocommerce-variation-add-to-cart,
.woocommerce .product .main_section form.cart:not(.variations_form) {
display: flex;
flex-wrap: wrap;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.added_to_cart,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.added_to_cart {
display: none !important;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.after-cart-text,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.after-cart-text {
color: #7a7a7a;
margin-top: 5px;
max-width: 435px;
text-align: center;
width: 100%;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity_wrapper,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity_wrapper {
border: 1px solid #cbcbcb;
display: flex;
margin-bottom: 5px;
margin-right: 5px;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity_wrapper
.qty_buttons,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity_wrapper
.qty_buttons {
background: transparent;
border: none;
color: #898989;
font-size: 33px;
font-weight: 300;
margin: 0;
padding: 0;
text-align: center;
width: 40px;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity_wrapper
.qty_buttons:hover,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity_wrapper
.qty_buttons:hover {
color: #f8aa19;
}
@media (min-width: 992px) {
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity_wrapper
.qty_buttons,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity_wrapper
.qty_buttons {
width: 63px;
}
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity,
.woocommerce .product .main_section form.cart:not(.variations_form) .quantity {
float: none;
font-weight: 700;
margin: 0;
width: 57px;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity
input,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity
input {
-moz-appearance: textfield;
border: none;
font-size: 24px;
font-weight: 700;
height: 100%;
margin: 0;
padding: 13px 14px;
width: 100%;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity
input::-webkit-inner-spin-button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.quantity
input::-webkit-outer-spin-button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity
input::-webkit-inner-spin-button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.quantity
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
float: none;
margin-bottom: 5px;
max-width: 100%;
width: 245px;
}
.woocommerce .product .main_section .acc_wrapper .product_care ul li {
align-items: center;
display: flex;
margin-bottom: 10px;
}
.woocommerce
.product
.main_section
.acc_wrapper
.product_care
ul
li:last-child {
margin-bottom: 0;
}
.woocommerce .product .main_section .acc_wrapper .product_care ul li img {
height: 20px;
margin-right: 10px;
width: 20px;
}
.woocommerce .product .main_section .acc_wrapper .delivery_info a {
color: #7a7a7a;
text-decoration: underline;
}
.woocommerce .product .main_section .acc_wrapper .delivery_info a:hover {
color: #f8aa19;
}
.woocommerce .product .product_gallery {
position: relative;
}
.woocommerce .product .product_gallery .badge_list.down {
left: auto;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
transform: none;
width: auto;
z-index: 2;
}
.woocommerce .product .product_gallery .gallery_item {
font-size: 0;
position: relative;
}
.woocommerce .product .product_gallery .gallery_item figure {
display: block;
}
.woocommerce .product .product_gallery .gallery_item video {
border-radius: 10px;
display: block;
height: auto;
width: 100%;
}
.woocommerce .product .summary_col {
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.woocommerce .product .summary_col {
padding-left: 45px;
}
}
.woocommerce .product .summary_col .brand_description_block {
align-items: center;
background: #f6f7f7;
border-radius: 10px;
display: flex;
height: 120px;
justify-content: center;
margin-bottom: 30px;
max-width: 215px;
padding: 0 10px;
}
.woocommerce
.product
.summary_col
.brand_description_block
.berocket_brand_description {
margin: 0;
text-align: center;
}
.woocommerce
.product
.summary_col
.brand_description_block
.berocket_brand_description
.br_brand_image {
display: block;
padding: 0;
}
.woocommerce .product .summary_col .sku_code {
color: #7a7a7a;
display: block;
font-size: 16px;
margin-bottom: 7px;
}
@media (min-width: 768px) {
.woocommerce .product .summary_col .sku_code {
margin-bottom: 20px;
}
}
.woocommerce .product .summary_col p {
line-height: inherit;
}
.woocommerce .product .summary_col .stock {
display: none;
}
.woocommerce .product .summary_col .suitable_for .default_list,
.woocommerce
.product
.summary_col
.suitable_for
section.text_img_section
.description
ul,
section.text_img_section
.description
.woocommerce
.product
.summary_col
.suitable_for
ul {
margin-bottom: 20px;
}
.woocommerce .product .summary_col .suitable_for .default_list li,
.woocommerce
.product
.summary_col
.suitable_for
section.text_img_section
.description
ul
li,
section.text_img_section
.description
.woocommerce
.product
.summary_col
.suitable_for
ul
li {
margin-bottom: 10px;
}
.woocommerce .product .summary_col .find_product .btn_wrap {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 20px);
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.summary_col
.find_product
.btn_wrap
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.summary_col
.find_product
.btn_wrap
.single_add_to_cart_button,
.woocommerce .product .summary_col .find_product .btn_wrap .btn,
.woocommerce
.product
.summary_col
.find_product
.btn_wrap
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.woocommerce
.product
.summary_col
.find_product
.btn_wrap
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
margin: 0 10px 10px;
width: 100%;
}
@media (min-width: 640px) {
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.summary_col
.find_product
.btn_wrap
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.summary_col
.find_product
.btn_wrap
.single_add_to_cart_button,
.woocommerce .product .summary_col .find_product .btn_wrap .btn,
.woocommerce
.product
.summary_col
.find_product
.btn_wrap
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.woocommerce
.product
.summary_col
.find_product
.btn_wrap
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
width: calc(50% - 20px);
}
}
.woocommerce .product .bis_sub_div_border_enable_product_page {
border: none;
border-radius: 10px;
box-shadow: 0 0 27.84px 1.16px #dcdcdc;
width: 100%;
}
.woocommerce .product .bis_sub_div_border_enable_product_page label {
color: #7a7a7a !important;
display: block;
font-size: 16px;
font-weight: 700;
}
.woocommerce .product .bis_sub_div_border_enable_product_page .bis_email_price {
display: flex;
}
.woocommerce
.product
.bis_sub_div_border_enable_product_page
.bis_email_price
.bis_email_input_price
input {
margin-bottom: 0;
}
.woocommerce
.product
.bis_sub_div_border_enable_product_page
.bis_email_price
.bis_button_price
#bis_stock_button {
background: transparent !important;
border: 1px solid #102133;
color: #102133 !important;
cursor: pointer;
font-family: Mulish, sans-serif;
font-weight: 700;
height: 100% !important;
margin-bottom: 0;
margin-left: 5px;
max-width: 100%;
padding: 10px;
text-transform: uppercase;
transition:
background 0.3s,
color 0.3s,
border 0.3s ease-in-out;
width: 160px;
}
.woocommerce
.product
.bis_sub_div_border_enable_product_page
.bis_email_price
.bis_button_price
#bis_stock_button:hover {
background-color: #102133 !important;
color: #fff !important;
}
.woocommerce .product .stock.out-of-stock {
display: none;
}
.product_description_box {
position: relative;
z-index: 0;
}
.product_description_box:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/lines_decoration.svg) 50% no-repeat;
background-size: contain;
bottom: 50%;
content: "";
height: 600px;
position: absolute;
right: 0;
transform: translate(50%, 50%);
width: 1000px;
z-index: -1;
}
.elementor-widget-product_title {
color: #fff;
}
.elementor-widget-product_title h1 {
color: inherit;
font-size: 45px;
}
@media (min-width: 992px) {
.elementor-widget-product_title h1 {
font-size: 50px;
}
}
@media (min-width: 1540px) {
.elementor-widget-product_title h1 {
font-size: 60px;
}
}
.elementor-widget-product_title h1 small {
color: #78797d;
display: block;
font-size: 26px;
font-weight: 300;
margin-top: 15px;
}
@media (min-width: 992px) {
.elementor-widget-product_title h1 small {
font-size: 36px;
}
}
.products_slider_section {
padding: 40px 0 20px;
}
.products_slider_section .heading_col h2 {
font-size: 30px;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.products_slider_section .heading_col h2 {
font-size: 40px;
}
}
.products_slider_section .heading_col .additional_text {
margin-bottom: 30px;
}
.products_slider_section .full .products_slider_wrapper {
padding: 0;
}
.products_slider_section .products_slider_wrapper {
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}
.products_slider_section .products_slider_wrapper .info_col .buy_section {
padding-top: 0;
}
.products_slider_section .products_col .product_listing {
box-sizing: content-box;
display: flex;
flex-direction: row;
height: 100%;
transition-property: transform;
width: 100%;
}
.products_slider_section .products_col .product_listing .product {
padding-top: 0;
}
.products_slider_section .swiper-pagination {
display: block;
margin-top: 60px;
position: relative;
text-align: center;
width: 100%;
}
.products_slider_section.style_2
.products_slider_wrapper
.product
.product_listing_box {
text-align: left;
}
.products_slider_section.style_2
.products_slider_wrapper
.product
.product_listing_box
.info_col
.buy_section
.price_block {
justify-content: flex-start;
text-align: left;
}
.products_slider_section.in_post .heading_row {
margin-bottom: 30px;
}
.products_slider_section.in_post .heading_col h2 {
font-size: 24px;
margin-bottom: 0;
text-align: left;
}
.products_slider_section.in_post .heading_col .additional_text {
margin-bottom: 0;
margin-top: 20px;
}
.img_caption_box {
background-color: #fff;
border-radius: 10px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
overflow: hidden;
}
.img_caption_box .img_caption {
border-top: 1px solid #f9f9f9;
color: #7a7a7a;
display: block;
font-size: 24px;
font-weight: 700;
padding: 20px 10px;
}
.elementor-widget-table table,
.table table {
width: 100%;
}
.elementor-widget-table table tr td,
.elementor-widget-table table tr th,
.table table tr td,
.table table tr th {
border-bottom: 2px solid #343434;
padding: 10px;
vertical-align: middle;
}
.elementor-widget-table table tr td.active,
.elementor-widget-table table tr th.active,
.table table tr td.active,
.table table tr th.active {
background-color: #222;
}
.elementor-widget-table table tbody tr th,
.elementor-widget-table table thead tr th,
.table table tbody tr th,
.table table thead tr th {
color: #bababa;
font-weight: 400;
}
.elementor-widget-table table tbody tr td,
.table table tbody tr td {
font-weight: 300;
}
.elementor-widget-table table tbody tr td:first-child,
.table table tbody tr td:first-child {
border-right: 2px solid #343434;
color: #bababa;
font-weight: 700;
text-align: right;
}
.elementor-widget-table table tbody tr:last-child td,
.table table tbody tr:last-child td {
border-bottom: none;
}
.info_table .inner_table_wrapper {
overflow: hidden;
}
.product_variations.style_1 .variation_box .main_img:before {
left: 10px;
top: 10px;
}
.product_variations.style_1 .variation_box .main_img img {
border-radius: 10px 10px 0 0;
}
.product_variations.style_1 .variation_box .info_col {
padding: 20px;
}
@media (min-width: 640px) {
.product_variations.style_1 .variation_box .info_col {
padding: 20px 30px;
}
}
@media (min-width: 1540px) {
.product_variations.style_1 .variation_box .info_col {
padding: 20px 50px;
}
}
.product_variations.style_1 .variation_box .info_col figure {
padding-bottom: 50%;
position: relative;
}
.product_variations.style_1 .variation_box .info_col figure img {
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.product_variations.style_1 .variation_box .info_col .price_wrap {
margin-top: -40px;
}
@media (min-width: 1200px) {
.product_variations.style_1 .variation_box .info_col .price_wrap {
margin-top: -60px;
}
}
.product_variations.style_2 .variation_box .main_img {
height: 100%;
}
.product_variations.style_2 .variation_box .main_img:before {
bottom: 10px;
right: 10px;
}
.product_variations.style_2 .variation_box .main_img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 480px) {
.product_variations.style_2 .variation_box .main_img img {
border-radius: 0 10px 10px 0;
}
}
.product_variations.style_2 .variation_box .info_col {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 10px 15px 30px;
}
@media (min-width: 480px) {
.product_variations.style_2 .variation_box .info_col {
position: static;
}
}
.product_variations.style_2 .variation_box .info_col .price_wrap {
margin-top: -40px;
transform: translate(calc(-50% + 10px), -50%);
}
.product_variations.style_2
.variation_box
.info_col
.price_wrap
.secondary_img {
width: 100%;
}
@media (min-width: 480px) {
.product_variations.style_2 .variation_box .info_col .price_wrap {
left: 50%;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
order: 1;
position: absolute;
top: 50%;
width: 50%;
}
}
@media (min-width: 768px) {
.product_variations.style_2 .variation_box .info_col .price_wrap {
max-width: 80px;
}
}
@media (min-width: 992px) {
.product_variations.style_2 .variation_box .info_col .price_wrap {
max-width: 100px;
}
}
@media (min-width: 1200px) {
.product_variations.style_2 .variation_box .info_col .price_wrap {
max-width: 120px;
}
}
@media (min-width: 1540px) {
.product_variations.style_2 .variation_box .info_col .price_wrap {
max-width: 150px;
}
}
@media (min-width: 480px) {
.product_variations.style_2 .variation_box .info_col .price_wrap figure {
margin-bottom: 0 !important;
width: 100%;
}
}
.product_variations.style_2 .variation_box .info_col .info_holder {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
@media (min-width: 480px) {
.product_variations.style_2 .variation_box .info_col .info_holder {
width: 50%;
}
}
.product_variations.style_2 .variation_box .info_col .info_holder h3 {
font-size: 30px;
}
@media (min-width: 1200px) {
.product_variations.style_2 .variation_box .info_col .info_holder h3 {
font-size: 48px;
}
}
@media (min-width: 992px) {
.product_variations.style_2 .variation_box .info_col {
padding: 20px 10px 20px 40px;
}
}
.variation_box {
border: 1px solid #78797d;
border-radius: 10px;
color: #fff;
display: block;
height: calc(100% - 30px);
margin: 15px 0;
text-align: left;
transition:
color 0.3s,
background-color 0.3s ease-in-out;
}
.variation_box:hover {
background-color: #1e1e1e;
color: #fff;
}
.variation_box.active {
background-color: #fff;
color: #7a7a7a;
}
.variation_box.active .main_img:before {
opacity: 1;
}
.variation_box .main_img {
display: block;
line-height: 0;
position: relative;
width: 100%;
z-index: 0;
}
.variation_box .main_img:before {
background-color: #f8aa19;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4LjkgMzUuNyA3LjcgMjQuNWwyLjE1LTIuMTUgOS4wNSA5LjA1IDE5LjItMTkuMiAyLjE1IDIuMTVaIi8+PC9zdmc+");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 5px;
content: "";
height: 30px;
opacity: 0;
position: absolute;
transition: opacity 0.3s ease-in-out;
width: 30px;
z-index: 1;
}
@media (min-width: 992px) {
.variation_box .main_img:before {
height: 50px;
width: 60px;
}
}
.variation_box .info_col {
position: relative;
z-index: 0;
}
.variation_box .info_col .price_wrap {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 15px;
}
.variation_box .info_col .price_wrap figure {
margin-bottom: 10px !important;
max-width: 150px;
width: 60%;
}
.variation_box .info_col .price_wrap .price_amount {
font-size: 27px;
font-weight: 300;
}
.variation_box .info_col .price_wrap .price_amount del,
.variation_box .info_col .price_wrap .price_amount ins {
display: block;
}
.variation_box .info_col .price_wrap .price_amount del {
color: #78797d;
font-size: 0.7em;
margin-bottom: 5px;
}
.variation_box .info_col .small {
display: block;
font-size: 18px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.variation_box .info_col .small {
font-size: 27px;
}
}
.variation_box .info_col h3 {
color: inherit;
font-size: 30px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 0;
}
@media (min-width: 992px) {
.variation_box .info_col h3 {
font-size: 48px;
}
}
@media (min-width: 1540px) {
.variation_box .info_col h3 {
font-size: 63px;
}
}
.slider_tabs .tabs_pagination {
margin-bottom: 40px;
padding: 0 50px;
position: relative;
}
@media (min-width: 1200px) {
.slider_tabs .tabs_pagination {
padding: 0 100px;
}
}
.slider_tabs .tabs_pagination .pagination_box {
background-color: #fff;
border-radius: 20px;
color: #7a7a7a;
cursor: pointer;
display: block;
font-size: 16px;
font-size: 18px;
margin: 15px 10px;
padding: 25px 10px;
text-align: center;
transition:
background 0.3s,
color 0.3s,
box-shadow 0.3s ease-in-out;
}
@media (min-width: 992px) {
.slider_tabs .tabs_pagination .pagination_box {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.slider_tabs .tabs_pagination .pagination_box {
font-size: 23px;
}
}
@media (min-width: 1540px) {
.slider_tabs .tabs_pagination .pagination_box {
font-size: 24px;
}
}
.slider_tabs .tabs_pagination .pagination_box:hover {
box-shadow: 0 0 0 10px hsla(36, 8%, 39%, 0.04);
}
.slider_tabs .tabs_pagination .pagination_box.slick-current {
background-color: #61ce70;
color: #fff;
}
.slider_tabs .tabs_pagination .pagination_box strong {
display: block;
margin-bottom: 10px;
}
.slider_tabs .tabs_pagination .pagination_box span {
font-weight: 300;
}
.slider_tabs .tabs_pagination:not(.slick-initialized) {
padding: 0;
}
.slider_tabs .tabs_pagination:not(.slick-initialized) .pagination_box {
display: inline-block;
width: calc(25% - 25px);
}
.slider_tabs .tabs_pagination .slick-next,
.slider_tabs .tabs_pagination .slick-prev {
cursor: pointer;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
z-index: 0;
}
.slider_tabs .tabs_pagination .slick-next:before,
.slider_tabs .tabs_pagination .slick-prev:before {
color: #a7edb0;
font-family: Custom Icons;
font-size: 28px;
font-style: normal;
font-weight: 900;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: color 0.3s ease-in-out;
}
.slider_tabs .tabs_pagination .slick-next:hover:before,
.slider_tabs .tabs_pagination .slick-prev:hover:before {
color: #7a7a7a;
}
.slider_tabs .tabs_pagination .slick-prev {
left: 0;
}
.slider_tabs .tabs_pagination .slick-prev:before {
content: "\e919";
}
.slider_tabs .tabs_pagination .slick-next {
right: 0;
}
.slider_tabs .tabs_pagination .slick-next:before {
content: "\e91a";
}
.tabs_content_wrap {
color: #7a7a7a;
}
.tabs_content_wrap strong {
font-weight: 600;
}
.tabs_content_wrap:not(.slick-initialized) {
padding: 0;
}
.tabs_content_wrap:not(.slick-initialized) .tabs_content_wrap {
display: none;
}
.tabs_content_wrap:not(.slick-initialized) .tabs_content_wrap:first-child {
display: block;
}
.category_slider {
border-radius: 15px;
margin-bottom: 40px;
overflow: hidden;
}
.category_slider .swiper-wrapper .swiper-slide a {
display: block;
line-height: 0;
}
.category_slider .swiper-wrapper .swiper-slide img {
display: block;
height: auto;
width: 100%;
}
.category_slider .swiper-pagination {
z-index: 1 !important;
}
.category_slider .swiper-pagination .swiper-pagination-bullet {
background-color: #fff !important;
opacity: 0.7 !important;
transition:
opacity 0.3s,
width 0.3s ease-in-out;
}
.category_slider
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
}
.category_slider .buttons_wrapper .swiper-button-next,
.category_slider .buttons_wrapper .swiper-button-prev {
background: #fff;
}
.category_slider .buttons_wrapper .swiper-button-prev {
left: 10px !important;
}
.category_slider .buttons_wrapper .swiper-button-next {
right: 10px !important;
}
.link_and_icon .link_and_icon_item {
align-items: center;
border-radius: 15px;
color: #fff;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 20px 40px;
text-align: center;
}
.link_and_icon .link_and_icon_item .item_img {
max-width: 115px;
}
.link_and_icon .link_and_icon_item .item_img img {
border-radius: 0 !important;
margin-bottom: 25px;
}
.link_and_icon .link_and_icon_item .item_title {
color: #fff;
}
.cta_boxes {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.cta_boxes .large_boxes .cta_box:not(.no_img) {
min-height: 230px;
}
@media (min-width: 1200px) {
.cta_boxes .large_boxes .cta_box:not(.no_img) {
min-height: 320px;
}
}
.cta_boxes .left_side .cta_box {
height: calc(100% - 10px);
}
@media (min-width: 640px) {
.cta_boxes .left_side .cta_box {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.cta_boxes .left_side .cta_box {
height: calc(100% - 20px);
}
}
.cta_boxes .cta_box {
align-items: flex-start;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
display: flex;
flex-direction: column;
font-size: 16px;
font-weight: 500;
height: calc(100% - 20px);
justify-content: flex-end;
line-height: 1.25em;
margin-bottom: 20px;
min-height: 140px;
min-height: 180px;
padding: 50px;
position: relative;
transition: opacity 0.3s ease-in-out;
z-index: 0;
}
@media (min-width: 1200px) {
.cta_boxes .cta_box {
height: calc(100% - 30px);
min-height: 260px;
}
}
.cta_boxes .cta_box img {
bottom: 10px;
max-height: calc(100% - 50px);
max-width: 50%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom;
position: absolute;
right: 15px;
width: 100%;
z-index: -1;
}
@media (min-width: 768px) {
.cta_boxes .cta_box img {
max-height: calc(100% - 70px);
}
}
.cta_boxes .cta_box span {
max-width: 220px;
}
.cta_boxes .cta_box .link {
border-bottom: 2px solid #fff;
color: #fff;
height: auto;
line-height: 1.4em;
max-width: 100%;
min-width: 106px;
padding: 0 40px 0 0;
position: relative;
text-align: left;
transition:
background 0.3s,
color 0.3s,
padding 0.3s ease-in-out;
}
.cta_boxes .cta_box .link:after {
content: "\e92e";
font-family: Custom Icons;
font-size: 12px;
font-style: normal;
font-weight: 400;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
}
.cta_boxes .cta_box .box_title {
color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.cta_boxes .cta_box .box_title {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.cta_boxes .cta_box .box_title {
font-size: 18px;
}
}
@media (min-width: 1540px) {
.cta_boxes .cta_box .box_title {
font-size: 24px;
}
}
.cta_boxes .cta_box:hover {
opacity: 0.8;
}
.cta_boxes.category_listing_section {
margin: 30px 0;
}
.cta_boxes.category_listing_section .section_title {
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.cta_boxes.category_listing_section .section_title {
margin-bottom: 70px;
}
}
.cta_boxes.category_listing_section .category_listing {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 992px) {
.cta_boxes.category_listing_section .category_listing {
gap: 20px;
}
}
.cta_boxes.category_listing_section .category_listing .cta_box {
background-color: #d9d9d9;
margin-bottom: 0;
width: 100%;
}
@media (min-width: 480px) {
.cta_boxes.category_listing_section .category_listing .cta_box {
width: calc(50% - 10px);
}
}
@media (min-width: 768px) {
.cta_boxes.category_listing_section .category_listing .cta_box {
padding: 20px;
width: calc(33.33% - 10px);
}
}
@media (min-width: 992px) {
.cta_boxes.category_listing_section .category_listing .cta_box {
padding: 50px;
width: calc(33.33% - 20px);
}
}
.cta_boxes.category_listing_section .category_listing .cta_box .box_title {
color: #102133;
}
.cta_boxes.category_listing_section .category_listing .cta_box .link {
border-bottom-color: #102133;
color: #102133;
font-size: 13px;
}
@media (min-width: 992px) {
.cta_boxes.category_listing_section .category_listing .cta_box .link {
font-size: 16px;
}
}
.cta_boxes.category_listing_section .category_listing .cta_box .link:after {
color: #102133;
}
.opening_section {
overflow: hidden;
}
.opening_section .opening-section-swiper {
overflow: hidden;
width: 100%;
}
.opening_section .opening-section-swiper .swiper-wrapper {
box-sizing: content-box;
display: flex;
flex-direction: row;
height: 100%;
transition-property: transform;
width: 100%;
}
.opening_section .opening-section-swiper .slide {
display: block;
flex-shrink: 0;
height: 450px;
position: relative;
transition-property: transform;
width: 100%;
z-index: 0;
}
@media (min-width: 640px) {
.opening_section .opening-section-swiper .slide {
height: 475px;
}
}
@media (min-width: 768px) {
.opening_section .opening-section-swiper .slide {
height: 475px;
}
}
@media (min-width: 1200px) {
.opening_section .opening-section-swiper .slide {
height: 680px;
}
}
.opening_section .opening-section-swiper .slide figure {
height: 100%;
left: 50%;
opacity: 1;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100%;
}
.opening_section .opening-section-swiper .slide figure img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
}
@media (min-width: 640px) {
.opening_section .opening-section-swiper .slide figure img.mobile {
display: none;
}
}
.opening_section .opening-section-swiper .slide figure img.tablet {
display: none;
}
@media (min-width: 640px) {
.opening_section .opening-section-swiper .slide figure img.tablet {
display: block;
}
}
@media (min-width: 1200px) {
.opening_section .opening-section-swiper .slide figure img.tablet {
display: none;
}
}
.opening_section .opening-section-swiper .slide figure img.desktop {
display: none;
}
@media (min-width: 1200px) {
.opening_section .opening-section-swiper .slide figure img.desktop {
display: block;
}
}
.opening_section .opening-section-swiper .slide > .row {
height: 100%;
}
.opening_section .opening-section-swiper .slide > .row .content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.opening_section .opening-section-swiper .slide > .row .content .subtitle {
color: #fff;
display: block;
font-size: 20px;
font-weight: 500;
line-height: 1.2em;
margin-bottom: 30px;
}
@media (min-width: 640px) {
.opening_section .opening-section-swiper .slide > .row .content .subtitle {
font-size: 24px;
}
}
@media (min-width: 992px) {
.opening_section .opening-section-swiper .slide > .row .content .subtitle {
font-size: 28px;
}
}
.opening_section .opening-section-swiper .slide > .row .content h1 {
color: #fff;
font-size: 28px;
line-height: 1.2em;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.opening_section .opening-section-swiper .slide > .row .content h1 {
font-size: 32px;
}
}
@media (min-width: 640px) {
.opening_section .opening-section-swiper .slide > .row .content h1 {
font-size: 36px;
}
}
@media (min-width: 992px) {
.opening_section .opening-section-swiper .slide > .row .content h1 {
font-size: 48px;
}
}
.opening_section .opening-section-swiper .slide > .row .content .wrapper {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.opening_section .opening-section-swiper .slide > .row .content .buttons {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.opening_section .opening-section-swiper .slide > .row .content .buttons {
flex-direction: row;
}
}
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.btn:first-of-type,
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button:first-of-type,
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button:first-of-type,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.single_add_to_cart_button:first-of-type,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.single_add_to_cart_button:first-of-type {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.btn:first-of-type,
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button:first-of-type,
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button:first-of-type,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.single_add_to_cart_button:first-of-type,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.opening_section
.opening-section-swiper
.slide
> .row
.content
.buttons
.single_add_to_cart_button:first-of-type {
margin-bottom: 0;
margin-right: 12px;
}
}
.opening_section .swiper-button-next,
.opening_section .swiper-button-prev {
color: #fff;
display: none;
}
@media (min-width: 1300px) {
.opening_section .swiper-button-next,
.opening_section .swiper-button-prev {
display: block;
}
}
.opening_section .swiper-button-next.swiper-button-disabled,
.opening_section .swiper-button-prev.swiper-button-disabled {
opacity: 0.5;
}
.opening_section .swiper-button-next {
right: 20px;
}
.opening_section .swiper-button-prev {
left: 20px;
}
.buttons_wrapper .swiper-button-next,
.buttons_wrapper .swiper-button-prev,
.product-slider-next,
.product-slider-prev,
.swiper-button-next,
.swiper-button-prev {
background-position: 50%;
background-repeat: no-repeat;
background-size: 10px;
cursor: pointer;
display: none;
height: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition:
border 0.3s,
background 0.3s,
opacity 0.3s ease-in-out;
width: 24px;
}
@media (min-width: 1540px) {
.buttons_wrapper .swiper-button-next,
.buttons_wrapper .swiper-button-prev,
.product-slider-next,
.product-slider-prev,
.swiper-button-next,
.swiper-button-prev {
display: block;
}
}
.products_slider_wrapper .buttons_wrapper .swiper-button-next,
.products_slider_wrapper .buttons_wrapper .swiper-button-prev,
.products_slider_wrapper .product-slider-next,
.products_slider_wrapper .product-slider-prev,
.products_slider_wrapper .swiper-button-next,
.products_slider_wrapper .swiper-button-prev {
align-items: center;
background-color: #fff;
border-radius: 100%;
display: flex;
height: 30px;
justify-content: center;
opacity: 0.9;
width: 30px;
}
.products_slider_wrapper .buttons_wrapper .swiper-button-next:after,
.products_slider_wrapper .buttons_wrapper .swiper-button-prev:after,
.products_slider_wrapper .product-slider-next:after,
.products_slider_wrapper .product-slider-prev:after,
.products_slider_wrapper .swiper-button-next:after,
.products_slider_wrapper .swiper-button-prev:after {
font-size: 13px;
}
.products_slider_wrapper .buttons_wrapper .swiper-button-next:hover,
.products_slider_wrapper .buttons_wrapper .swiper-button-prev:hover,
.products_slider_wrapper .product-slider-next:hover,
.products_slider_wrapper .product-slider-prev:hover,
.products_slider_wrapper .swiper-button-next:hover,
.products_slider_wrapper .swiper-button-prev:hover {
opacity: 1;
}
.buttons_wrapper .swiper-button-next.swiper-button-disabled,
.buttons_wrapper .swiper-button-prev.swiper-button-disabled,
.product-slider-next.swiper-button-disabled,
.product-slider-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
overflow: 0.9;
pointer-events: none;
}
.buttons_wrapper .swiper-button-next:after,
.buttons_wrapper .swiper-button-prev:after,
.product-slider-next:after,
.product-slider-prev:after,
.swiper-button-next:after,
.swiper-button-prev:after {
color: #102133;
font-size: 16px;
transition: color 0.3s ease-in-out;
}
.buttons_wrapper .swiper-button-next:hover:after,
.buttons_wrapper .swiper-button-next:hover:before,
.buttons_wrapper .swiper-button-prev:hover:after,
.buttons_wrapper .swiper-button-prev:hover:before,
.product-slider-next:hover:after,
.product-slider-next:hover:before,
.product-slider-prev:hover:after,
.product-slider-prev:hover:before,
.swiper-button-next:hover:after,
.swiper-button-next:hover:before,
.swiper-button-prev:hover:after,
.swiper-button-prev:hover:before {
color: #f8aa19;
}
.buttons_wrapper .swiper-button-next.down_arrows,
.buttons_wrapper .swiper-button-prev.down_arrows,
.product-slider-next.down_arrows,
.product-slider-prev.down_arrows,
.swiper-button-next.down_arrows,
.swiper-button-prev.down_arrows {
background-color: #f8aa19;
border-color: #f8aa19;
bottom: 0;
display: block;
top: auto;
}
.buttons_wrapper .swiper-button-next.down_arrows:hover,
.buttons_wrapper .swiper-button-prev.down_arrows:hover,
.product-slider-next.down_arrows:hover,
.product-slider-prev.down_arrows:hover,
.swiper-button-next.down_arrows:hover,
.swiper-button-prev.down_arrows:hover {
background-color: #000;
border-color: #000;
}
.swiper-slide.down_arrows {
margin-bottom: 13px;
}
.buttons_wrapper.relative {
align-content: center;
display: flex;
justify-content: space-between;
max-width: 100px;
width: 100%;
}
.buttons_wrapper.relative .swiper-button-next,
.buttons_wrapper.relative .swiper-button-prev {
background-image: none;
display: inline-block;
left: auto !important;
margin: 0;
position: relative;
right: auto !important;
top: auto !important;
}
.products_slider_wrapper .product-slider-prev,
.products_slider_wrapper .swiper-button-prev,
.products_slider_wrapper .swiper-container-rtl .swiper-button-next {
left: 15px !important;
}
@media (min-width: 1740px) {
.products_slider_wrapper .product-slider-prev,
.products_slider_wrapper .swiper-button-prev,
.products_slider_wrapper .swiper-container-rtl .swiper-button-next {
left: 0 !important;
}
}
.inside .product-slider-prev,
.inside .swiper-button-prev,
.inside .swiper-container-rtl .swiper-button-next {
left: 0 !important;
}
.full .products_slider_wrapper .product-slider-prev,
.full .products_slider_wrapper .swiper-button-prev,
.full .products_slider_wrapper .swiper-container-rtl .swiper-button-next {
left: 15px !important;
}
.product-slider-prev:before,
.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before {
content: none;
}
.product-slider-prev.down_arrows,
.swiper-button-prev.down_arrows,
.swiper-container-rtl .swiper-button-next.down_arrows {
left: auto;
right: 90px;
}
.elementor-arrows-position-outside .elementor-swiper-button-next {
right: 0;
}
@media (min-width: 1540px) {
.elementor-arrows-position-outside .elementor-swiper-button-next {
right: -30px;
}
}
.elementor-arrows-position-outside .elementor-swiper-button-prev {
left: 0;
}
@media (min-width: 1540px) {
.elementor-arrows-position-outside .elementor-swiper-button-prev {
left: -30px;
}
}
.products_slider_wrapper .product-slider-next,
.products_slider_wrapper .swiper-button-next,
.products_slider_wrapper .swiper-container-rtl .swiper-button-prev {
right: 15px !important;
}
@media (min-width: 1740px) {
.products_slider_wrapper .product-slider-next,
.products_slider_wrapper .swiper-button-next,
.products_slider_wrapper .swiper-container-rtl .swiper-button-prev {
right: 0 !important;
}
}
.inside .product-slider-next,
.inside .swiper-button-next,
.inside .swiper-container-rtl .swiper-button-prev {
right: 0 !important;
}
.full .products_slider_wrapper .product-slider-next,
.full .products_slider_wrapper .swiper-button-next,
.full .products_slider_wrapper .swiper-container-rtl .swiper-button-prev {
right: 15px !important;
}
.product-slider-next:before,
.swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before {
content: none;
}
.elementor-pagination-position-outside .swiper-container {
padding-bottom: 50px;
}
.swiper-pagination {
bottom: 25px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
background-color: hsla(0, 0%, 100%, 0.5);
border: none !important;
border-radius: 30px;
display: inline-block;
height: 7px;
margin: 0 5px;
opacity: 1;
transition:
background 0.3s,
width 0.3s ease-in-out;
width: 7px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
width: 15px;
}
.swiper-pagination .swiper-pagination-bullet:hover {
background-color: #fff;
}
.home_slider {
padding-top: 80px;
}
.home_slider .swiper-slide {
align-items: center;
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/home_slide_1.jpg) 50% no-repeat;
background-size: cover;
display: flex;
min-height: 550px;
padding: 50px 0;
position: relative;
}
.home_slider .swiper-slide h1 {
color: inherit;
font-size: 26px;
line-height: 1.15;
margin-bottom: 30px;
}
@media (min-width: 640px) {
.home_slider .swiper-slide h1 {
font-size: 35px;
}
}
@media (min-width: 768px) {
.home_slider .swiper-slide h1 {
font-size: 45px;
}
}
@media (min-width: 992px) {
.home_slider .swiper-slide h1 {
font-size: 55px;
}
}
@media (min-width: 1540px) {
.home_slider .swiper-slide h1 {
font-size: 60px;
}
}
.home_slider .swiper-slide .description {
line-height: 1.15em;
margin-bottom: 30px;
}
.home_slider .swiper-slide .description p:last-child {
margin-bottom: 0;
}
.home_slider .swiper-pagination {
bottom: 25px;
}
.home_slider .product-slider-prev,
.home_slider .swiper-button-prev,
.home_slider .swiper-container-rtl .swiper-button-next {
left: 20px !important;
}
.home_slider .product-slider-next,
.home_slider .swiper-button-next,
.home_slider .swiper-container-rtl .swiper-button-prev {
right: 20px !important;
}
.testimonials {
overflow: hidden;
}
.testimonials .testimonial_box {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 0;
}
.testimonials .testimonial_box:before {
color: #fff;
content: "„";
font-size: 110px;
font-weight: 700;
left: 0;
line-height: 0;
position: absolute;
top: 0;
z-index: 2;
}
.testimonials .testimonial_box .item_img {
border-radius: 100% 100% 150px 150px;
display: inline-block;
height: 240px;
margin-bottom: -50px !important;
overflow: hidden;
position: relative;
width: 350px;
z-index: 1;
}
@media (min-width: 640px) {
.testimonials .testimonial_box .item_img {
height: 300px;
margin-bottom: 0 !important;
margin-right: -200px !important;
}
}
.testimonials .testimonial_box .item_img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
}
.testimonials .testimonial_box .content_box {
background-color: #fff;
border: 1px solid #f9f9f9;
border-radius: 10px;
color: #252525;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.5em;
margin-top: 20px;
min-height: 300px;
padding: 30px 25px;
position: relative;
text-align: left;
width: 100%;
}
@media (min-width: 640px) {
.testimonials .testimonial_box .content_box {
padding: 30px 25px 30px 250px;
width: calc(100% - 150px);
}
}
.testimonials .testimonial_box .content_box p {
line-height: 1.5em;
}
.testimonials .testimonial_box .content_box p:last-child {
margin-bottom: 0;
}
.testimonials .testimonial_box .content_box .item_title {
color: #61ce70;
display: block;
font-size: 20px;
line-height: 1.33em;
margin-top: 10px;
}
@media (min-width: 640px) {
.testimonials .testimonial_box .content_box .item_title {
font-size: 30px;
}
}
.testimonials .testimonial_box .content_box .item_title small {
display: block;
font-size: 16px;
font-weight: 400;
}
.testimonials .swiper-wrapper {
margin-bottom: 60px;
}
.testimonials .swiper-pagination {
bottom: 0;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
border: 1px solid #f9f9f9;
transition:
border 0.3s,
background 0.3s ease-in-out;
}
.testimonials
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.testimonials .swiper-pagination .swiper-pagination-bullet:hover {
border-color: #f8aa19;
}
.service_slider_wrap .swiper-wrapper .default_flex {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 20px);
}
@media (min-width: 480px) {
.service_slider_wrap .swiper-wrapper .default_flex {
align-items: center;
flex-direction: column;
height: 500px;
}
}
.service_slider_wrap .swiper-wrapper .default_flex figure {
font-size: 0;
line-height: 0;
margin: 10px !important;
}
@media (min-width: 480px) {
.service_slider_wrap .swiper-wrapper .default_flex figure:first-child,
.service_slider_wrap .swiper-wrapper .default_flex figure:nth-child(2) {
height: calc(50% - 20px);
width: calc(50% - 20px);
}
.service_slider_wrap .swiper-wrapper .default_flex figure:nth-child(3) {
height: calc(100% - 20px);
width: calc(50% - 20px);
}
.service_slider_wrap .swiper-wrapper .default_flex figure img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
}
}
.product_application {
overflow: hidden;
padding: 60px 0 40px;
position: relative;
z-index: 0;
}
.product_application:before {
bottom: 0;
color: #7a7a7a;
content: "\e902";
left: 50%;
opacity: 0.16;
position: absolute;
transform: translate(-50%, 50%);
z-index: -2;
}
@media (min-width: 768px) {
.product_application:before {
font-size: 700px;
}
}
@media (min-width: 992px) {
.product_application:before {
font-size: 800px;
}
}
@media (min-width: 1540px) {
.product_application:before {
font-size: 900px;
}
}
@media (min-width: 992px) {
.product_application {
padding: 80px 0 60px;
}
}
@media (min-width: 1540px) {
.product_application {
padding: 100px 0;
}
}
@media (min-width: 768px) {
.product_application .icon_col {
margin-bottom: 100px;
}
}
.product_application .icon_box {
background-color: #f9f9f9;
border-radius: 10px;
display: block;
height: 100%;
margin: 0 auto;
max-width: 300px;
padding: 23px 15px;
position: relative;
text-align: center;
transition: border-radius 0.3s ease-in-out;
}
@media (min-width: 1540px) {
.product_application .icon_box {
padding: 23px 15px 38px;
}
}
.product_application .icon_box:before {
align-items: center;
background-color: #f8aa19;
border-radius: 100%;
bottom: -7px;
color: #fff;
content: "\f054";
display: flex;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 20px;
font-style: normal;
font-weight: 900;
height: 47px;
justify-content: center;
line-height: 1;
position: absolute;
right: 30px;
text-align: center;
transform: translateY(50%);
transition: background 0.3s ease-in-out;
width: 47px;
}
@media (min-width: 1540px) {
.product_application .icon_box:before {
height: 57px;
width: 57px;
}
}
.product_application .icon_box:hover:before {
background-color: #7a7a7a;
}
.product_application .icon_box figure {
border-radius: 0;
display: block;
margin: 0 auto 20px !important;
max-width: 60px;
}
@media (min-width: 1200px) {
.product_application .icon_box figure {
max-width: 82px;
}
}
.product_application .icon_box figure img {
border-radius: 0;
}
.product_application .icon_box h3 {
color: #7a7a7a;
display: flex;
flex-direction: column;
font-size: 16px;
justify-content: center;
line-height: 1.15em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.product_application .icon_box h3 {
min-height: 2.3em;
}
}
@media (min-width: 992px) {
.product_application .icon_box h3 {
font-size: 18px;
}
}
.product_application .icon_box.has_category {
border-radius: 0 0 10px 10px;
border-radius: 10px;
}
.product_application .icon_box.has_category:hover {
border-radius: 0 0 10px 10px;
}
.product_application .icon_box.has_category:hover .applications_categories {
transform: translateY(-100%);
}
.product_application .icon_box.has_category .applications_categories {
background-color: #f9f9f9;
border-bottom: 1px solid #fff;
border-radius: 10px 10px 0 0;
display: flex;
justify-content: space-between;
left: 0;
padding: 5px 0;
pointer-events: none;
position: absolute;
top: 0;
transition:
transform 0.3s,
opacity 0.3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
z-index: -1;
}
.product_application .icon_box.has_category .applications_categories li {
align-items: center;
color: #000;
display: flex;
flex-grow: 1;
font-size: 11px;
font-weight: 600;
justify-content: center;
padding: 10px;
position: relative;
}
@media (min-width: 1540px) {
.product_application .icon_box.has_category .applications_categories li {
padding: 10px 5px;
}
}
@media (min-width: 1700px) {
.product_application .icon_box.has_category .applications_categories li {
padding: 10px;
}
}
.product_application .icon_box.has_category .applications_categories li:before {
background-color: #dcdcdc;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.product_application
.icon_box.has_category
.applications_categories
li:last-child:before {
content: none;
}
.gray_with_radius {
background-color: #f9f9f9;
overflow: hidden;
padding: 40px 0 20px;
}
.gray_with_radius.top_radius {
border-radius: 40px 40px 0 0;
}
@media (min-width: 640px) {
.gray_with_radius.top_radius {
border-radius: 60px 60px 0 0;
}
}
@media (min-width: 992px) {
.gray_with_radius.top_radius {
border-radius: 70px 70px 0 0;
padding: 60px 0 40px;
}
}
@media (min-width: 1540px) {
.gray_with_radius.top_radius {
border-radius: 100px 100px 0 0;
padding: 68px 0 45px;
}
}
.gray_with_radius.bottom_radius {
border-radius: 0 0 40px 40px;
}
@media (min-width: 640px) {
.gray_with_radius.bottom_radius {
border-radius: 0 0 60px 60px;
}
}
@media (min-width: 992px) {
.gray_with_radius.bottom_radius {
border-radius: 0 0 70px 70px;
padding: 60px 0 40px;
}
}
@media (min-width: 1540px) {
.gray_with_radius.bottom_radius {
border-radius: 0 0 100px 100px;
padding: 68px 0 45px;
}
}
.category_list .category_listing {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 20px);
}
@media (min-width: 1540px) {
.category_list .category_listing {
margin-left: -17px;
width: calc(100% + 34px);
}
}
.category_list .category_listing li {
flex-basis: 50%;
flex-grow: 1;
max-width: 50%;
padding: 0 10px;
}
.category_list .category_listing li:before {
content: none;
}
@media (min-width: 992px) {
.category_list .category_listing li {
flex-basis: 33.33%;
margin-bottom: 30px;
max-width: 33.33%;
}
}
@media (min-width: 1200px) {
.category_list .category_listing li {
flex-basis: 25%;
margin-bottom: 50px;
max-width: 25%;
}
}
@media (min-width: 1540px) {
.category_list .category_listing li {
margin-bottom: 50px;
padding: 0 17px;
}
}
.category_list .category_listing a {
display: block;
}
.category_list .category_listing a:hover figure:before {
transform: scaleX(0.9);
}
.category_list .category_listing a:hover figure img {
opacity: 0.7;
}
.category_list .category_listing figure {
display: block;
margin-bottom: 25px !important;
position: relative;
z-index: 0;
}
.category_list .category_listing figure img {
border-radius: 10px 10px 60px 10px;
transition: opacity 0.3s ease-in-out;
}
@media (min-width: 992px) {
.category_list .category_listing figure img {
border-radius: 10px 10px 80px 10px;
}
}
@media (min-width: 1540px) {
.category_list .category_listing figure img {
border-radius: 10px 10px 100px 10px;
}
}
.category_list .category_listing figure:before {
background-color: #f8aa19;
bottom: -5px;
content: "";
height: 11px;
left: 20px;
position: absolute;
transform: scale(1);
transform-origin: left center;
transition: transform 0.3s ease-in-out;
width: 80px;
z-index: 1;
}
@media (min-width: 1200px) {
.category_list .category_listing figure:before {
width: 125px;
}
}
@media (min-width: 1540px) {
.category_list .category_listing figure:before {
left: 45px;
}
}
.category_list .category_listing .cat_title a {
color: #7a7a7a;
display: inline;
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.15em;
margin-left: 20px;
max-width: 70%;
text-transform: uppercase;
}
@media (min-width: 640px) {
.category_list .category_listing .cat_title a {
font-size: 19px;
}
}
@media (min-width: 1540px) {
.category_list .category_listing .cat_title a {
font-size: 24px;
margin-left: 45px;
}
}
.category_list .category_listing .cat_title a:after {
color: #f8aa19;
content: "\f054";
display: inline;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
margin-left: 5px;
transition: transform 0.3s ease-in-out;
vertical-align: text-bottom;
}
.category_list .category_listing .cat_title a:hover:after {
transform: translateX(5px);
}
section.cta_section_home {
background-color: #000;
color: #fff;
overflow: hidden;
padding: 40px 0 20px;
position: relative;
z-index: 0;
}
section.cta_section_home ::-moz-selection {
background: #f8aa19;
color: #fff;
}
section.cta_section_home ::selection {
background: #f8aa19;
color: #fff;
}
section.cta_section_home:before {
bottom: 0;
color: #2b425d;
content: "\e900";
font-size: 438px;
position: absolute;
right: 0;
transform: translate(30%, 30%);
z-index: -1;
}
@media (min-width: 992px) {
section.cta_section_home {
font-size: 18px;
padding: 60px 0 40px;
}
}
@media (min-width: 1540px) {
section.cta_section_home {
padding: 90px 0 70px;
}
}
section.cta_section_home .description {
margin-bottom: 45px;
}
section.cta_section_home .description p:last-child {
margin-bottom: 0;
}
section.cta_section_home .section_title {
color: inherit;
}
section.cta_section_home > .row {
position: static;
}
@media (min-width: 1540px) {
.elementor div.elementor-element section.cta_section_home figure.cta_img {
height: 100%;
max-height: 80%;
position: absolute;
right: calc(50% + 20px);
top: 50%;
transform: translateY(-50%);
}
}
.elementor div.elementor-element section.cta_section_home figure.cta_img img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
}
section.text_img_section {
overflow: hidden;
padding: 60px 0;
}
@media (min-width: 992px) {
section.text_img_section {
font-size: 18px;
}
}
@media (min-width: 1200px) {
section.text_img_section {
padding: 60px 0;
}
}
section.text_img_section .section_title {
margin-bottom: 35px;
}
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
section.text_img_section
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
section.text_img_section
.single_add_to_cart_button,
section.text_img_section .btn,
section.text_img_section
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
section.text_img_section
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button {
margin-bottom: 0;
}
section.text_img_section div.row.img_list figure.img_wrap {
border-radius: 10px;
display: block;
margin-bottom: 20px;
overflow: hidden;
}
section.text_img_section div.row.img_list > .col:last-child figure {
margin-bottom: 0;
}
section.text_img_section:not(.reversed) {
z-index: 0;
}
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-right-radius: 60px;
}
@media (min-width: 992px) {
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-right-radius: 80px;
}
}
@media (min-width: 1200px) {
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-right-radius: 100px;
}
}
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-right-radius: 60px;
}
@media (min-width: 992px) {
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-right-radius: 80px;
}
}
@media (min-width: 1200px) {
section.text_img_section:not(.reversed)
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-right-radius: 100px;
}
}
section.text_img_section:not(.reversed) .gx:before {
bottom: 0;
color: #7a7a7a;
content: "\e902";
font-size: 650px;
left: 0;
opacity: 0.16;
position: absolute;
transform: translate(-50%, 50%);
}
section.text_img_section.reversed .gx:before {
color: #7a7a7a;
content: "\e902";
font-size: 650px;
opacity: 0.16;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
z-index: -1;
}
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-left-radius: 60px;
}
@media (min-width: 992px) {
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-left-radius: 80px;
}
}
@media (min-width: 1200px) {
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(odd)
figure.img_wrap {
border-bottom-left-radius: 100px;
}
}
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-left-radius: 60px;
}
@media (min-width: 992px) {
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-left-radius: 80px;
}
}
@media (min-width: 1200px) {
section.text_img_section.reversed
div.row.img_list
> .col:nth-child(2n)
figure.img_wrap {
border-top-left-radius: 100px;
}
}
.video_separator {
align-items: flex-end;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
height: 80vh;
max-height: 700px;
min-height: 500px;
padding-top: 40px;
position: relative;
z-index: 0;
}
.video_separator .elementor-custom-embed-play {
position: static !important;
transform: none !important;
}
.video_separator:before {
background-color: rgba(0, 0, 0, 0.7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.video_separator .section_title {
cursor: pointer;
display: block;
margin-bottom: 0;
padding-bottom: 65px;
position: relative;
}
.video_separator .section_title:after {
background-color: #f8aa19;
bottom: -7px;
content: "";
height: 14px;
left: 0;
max-width: 100%;
position: absolute;
width: 150px;
}
.video_separator .section_title a,
.video_separator .section_title span {
color: #fff;
display: inline-block;
position: relative;
transition: color 0.3s ease-in-out;
}
.video_separator .section_title a:hover,
.video_separator .section_title span:hover {
color: #f8aa19;
}
.video_separator .section_title a:before,
.video_separator .section_title span:before {
content: "\f144";
display: block;
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 1.667em;
font-style: normal;
font-weight: 400;
line-height: 1em;
margin-bottom: 35px;
}
@media (min-width: 1540px) {
.video_separator .section_title a:before,
.video_separator .section_title span:before {
margin-bottom: 55px;
}
}
.video_separator .section_title a:hover {
color: #f8aa19;
}
.catalogue {
overflow: hidden;
position: relative;
}
@media (min-width: 768px) {
.catalogue {
padding-top: 80px;
}
}
@media (min-width: 992px) {
.catalogue {
padding-top: 120px;
}
}
@media (min-width: 1200px) {
.catalogue {
padding-top: 165px;
}
}
.catalogue .section_content {
position: relative;
z-index: 0;
}
.catalogue .section_content:before {
color: #7a7a7a;
content: "\e902";
font-size: 550px;
opacity: 0.16;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
z-index: -1;
}
.catalogue .section_content:after {
background-color: #f9f9f9;
border-top-right-radius: 60px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 768px) {
.catalogue .section_content:after {
border-top-right-radius: 100px;
}
}
.catalogue .section_content .catalogue_img {
margin-top: -130px;
position: relative;
z-index: 0;
}
.catalogue .section_content .catalogue_img:before {
background-color: #f8aa19;
border-radius: 100%;
content: "";
height: 750px;
left: 50%;
position: absolute;
top: 0;
transform: translate(-50%, 10%);
width: 750px;
z-index: -1;
}
@media (min-width: 992px) {
.catalogue .section_content .catalogue_img {
margin-bottom: 20px;
}
}
.catalogue .section_content .catalogue_img:before {
height: 380px;
width: 380px;
}
@media (min-width: 992px) {
.catalogue .section_content .catalogue_img:before {
height: 550px;
width: 550px;
}
}
@media (min-width: 1200px) {
.catalogue .section_content .catalogue_img {
margin: 0;
position: absolute;
right: 55%;
top: -190px;
}
.catalogue .section_content .catalogue_img:before {
height: 750px;
width: 750px;
}
}
.catalogue .section_content .content_col {
padding-bottom: 40px;
padding-top: 40px;
}
@media (min-width: 768px) {
.catalogue .section_content .content_col {
padding-bottom: 40px;
padding-top: 40px;
}
}
@media (min-width: 992px) {
.catalogue .section_content .content_col {
padding-bottom: 60px;
padding-top: 60px;
}
}
.catalogue .section_content .content_col .btn,
.catalogue
.section_content
.content_col
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.catalogue
.section_content
.content_col
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.catalogue
.section_content
.content_col
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.catalogue
.section_content
.content_col
.single_add_to_cart_button {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.catalogue .section_content > .row {
position: static;
}
}
.latest_posts .post_col {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.latest_posts .post_col {
margin-bottom: 0;
}
}
.latest_posts .post_img {
display: block;
line-height: 0;
position: relative;
z-index: 0;
}
@media (min-width: 992px) {
.latest_posts .post_img {
margin-bottom: 27px;
}
}
.latest_posts .post_img:before {
background-color: #f8aa19;
bottom: -5px;
content: "";
height: 11px;
left: 27px;
max-width: 50%;
position: absolute;
transform: scale(1);
transform-origin: left center;
transition: transform 0.3s ease-in-out;
width: 125px;
z-index: 1;
}
.latest_posts .post_img figure {
display: block;
width: 100%;
}
.latest_posts .post_img figure img {
transition: opacity 0.3s ease-in-out;
}
.latest_posts .post_img:hover:before {
transform: scaleX(0.9);
}
.latest_posts .post_img:hover img {
opacity: 0.7;
}
.latest_posts .post_content {
font-size: 15px;
line-height: 1.5;
}
@media (min-width: 992px) {
.latest_posts .post_content {
font-size: 16px;
}
}
.latest_posts .post_content .post_title {
line-height: 1.15em;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.latest_posts .post_content .post_title {
font-size: 20px;
}
}
@media (min-width: 992px) {
.latest_posts .post_content .post_title {
font-size: 24px;
}
}
.latest_posts .post_content .post_title a {
color: #7a7a7a;
}
.latest_posts .post_content .post_title a:hover {
color: #f8aa19;
}
.latest_posts .post_content .meta {
border-bottom: 1px solid #d7d7d7;
color: #f8aa19;
display: block;
font-size: 14px;
line-height: 1.15;
margin-bottom: 15px;
padding-bottom: 15px;
}
@media (min-width: 992px) {
.latest_posts .post_content .meta {
margin-bottom: 25px;
}
}
.latest_posts .post_content p {
margin-bottom: 15px;
}
.latest_posts .post_content .read_more {
display: inline-block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.latest_posts .post_content .read_more:after {
content: "\f054";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
margin-left: 5px;
}
.latest_posts .see_all_btn {
margin-top: 40px;
}
.latest_posts .see_all_btn .btn,
.latest_posts
.see_all_btn
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.latest_posts
.see_all_btn
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.latest_posts
.see_all_btn
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.latest_posts
.see_all_btn
.single_add_to_cart_button {
margin-bottom: 0;
min-width: 200px;
}
.prod_navi_row {
background-color: #f9f9f9;
transition: top 0.3s ease-in-out;
}
.prod_navi_row .prod_navi {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
z-index: 0;
}
.prod_navi_row .prod_navi .nav_inner_wrap {
display: flex;
flex-wrap: nowrap;
margin: 0;
max-width: 1435px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 0 10px;
}
.prod_navi_row .prod_navi .nav_inner_wrap::-webkit-scrollbar {
display: none;
}
.prod_navi_row .prod_navi .nav_col {
border-right: 1px solid #f9f9f9;
display: inline-block;
flex-grow: 1;
position: relative;
}
.prod_navi_row .prod_navi .nav_col:last-child {
border: none;
}
.prod_navi_row .prod_navi .nav_col.documents {
display: none;
}
.prod_navi_row .prod_navi .nav_col .item_title {
border-top: 2px solid transparent;
color: #7a7a7a;
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 700;
justify-content: center;
letter-spacing: 0.025em;
padding: 32px 15px;
text-align: center;
text-transform: uppercase;
transition:
background 0.3s,
border 0.3s,
padding 0.3s ease-in-out;
white-space: nowrap;
}
.prod_navi_row .prod_navi .nav_col .item_title:hover {
background-color: #f7f6f6;
border-color: #f8aa19;
}
.prod_navi_section {
transition: top 0.3s ease-in-out;
}
.prod_navi_section.prod_navi_stick {
transition: box-shadow 0.3s ease-in-out;
}
.prod_navi_section.prod_navi_stick .custom_sticky {
box-shadow: 0 8px 10px -9px rgba(0, 0, 0, 0.16);
left: 0;
position: fixed;
transition:
top 0.3s,
box-shadow 0.3s ease-in-out;
width: 100%;
z-index: 9;
}
.prod_navi_section.prod_navi_stick .custom_sticky .nav_col .item_title {
padding: 20px 10px;
}
.product_video_wrap {
padding: 70px 0;
}
.product_video_wrap .txt_box {
margin: 0 auto 50px;
max-width: 800px;
}
.product_video_wrap .elementor-custom-embed-image-overlay {
border-radius: 10px;
}
.elementor section.product_features .feature_box .item_img {
background-color: #fff;
border-radius: 10px 10px 100px 10px;
display: block;
line-height: 0;
margin-bottom: 35px;
padding: 35px 40px;
position: relative;
width: 100%;
}
@media (min-width: 640px) {
.elementor section.product_features .feature_box .item_img {
max-width: 245px;
padding: 35px 40px 35px 10px;
}
}
.elementor section.product_features .feature_box .item_img:before {
background-color: #f8aa19;
bottom: -6px;
content: "";
height: 11px;
left: 0;
max-width: 30%;
position: absolute;
width: 125px;
}
.elementor section.product_features .feature_box .item_img img {
display: block;
max-width: 100px;
width: 100%;
}
.elementor section.product_features .feature_box .item_title {
font-size: 20px;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.elementor section.product_features .feature_box .item_title {
font-size: 24px;
}
}
.product_specs {
padding: 70px 0;
}
.product_spare_parts .white_box {
background-color: #fff;
border-radius: 10px;
margin-bottom: 30px;
padding: 25px;
}
.product_spare_parts .white_box h3 {
margin-bottom: 15px;
}
.product_spare_parts .white_box p:last-child {
margin-bottom: 0;
}
.product_documents {
padding: 70px 0;
}
.product_documents .file_list li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.product_documents .file_list li:last-child {
margin-bottom: 0;
}
.product_documents .file_list li .label {
align-items: center;
background-color: #f9f9f9;
border-radius: 10px 10px 0 0;
display: flex;
flex-wrap: wrap;
padding: 20px 30px 20px 60px;
position: relative;
width: 100%;
}
@media (min-width: 640px) {
.product_documents .file_list li .label {
border-radius: 100px;
margin-right: 20px;
padding: 10px 30px 10px 60px;
width: calc(100% - 180px);
}
}
.product_documents .file_list li .label:before {
color: #f8aa19;
font-size: 26px;
left: 30px;
position: absolute;
top: 15px;
}
.product_documents .file_list li .label .overflow_txt {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product_documents .file_list li .btn,
.product_documents
.file_list
li
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.product_documents
.file_list
li
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.product_documents
.file_list
li
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.product_documents
.file_list
li
.single_add_to_cart_button {
border-radius: 0 0 10px 10px;
margin-bottom: 0;
padding: 15px;
width: 100%;
}
@media (min-width: 640px) {
.product_documents .file_list li .btn,
.product_documents
.file_list
li
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.single_add_to_cart_button,
.product_documents
.file_list
li
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.single_add_to_cart_button,
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.product_documents
.file_list
li
.single_add_to_cart_button,
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.product_documents
.file_list
li
.single_add_to_cart_button {
border-radius: 100px;
max-width: 160px;
padding: 20px 15px;
}
}
.elementor section.company_values {
margin-bottom: 60px;
}
.elementor section.company_values .feature_box .item_img {
border-radius: 0;
line-height: 0;
margin-bottom: 20px;
max-width: 120px;
position: relative;
}
.elementor section.company_values .feature_box .item_img img {
border-radius: 0;
display: block;
width: 100%;
}
.elementor section.company_values .feature_box .item_title {
border-top: 1px solid #f9f9f9;
font-size: 20px;
margin-bottom: 15px;
padding-top: 20px;
position: relative;
}
.elementor section.company_values .feature_box .item_title:before {
background-color: #f8aa19;
content: "";
height: 11px;
left: 0;
max-width: 30%;
position: absolute;
top: -6px;
width: 125px;
}
@media (min-width: 1200px) {
.elementor section.company_values .feature_box .item_title {
font-size: 24px;
}
}
.elementor section.company_values.style_2 {
padding: 60px 0 0;
}
@media (min-width: 1200px) {
.elementor section.company_values.style_2 {
padding: 80px 0 0;
}
}
.elementor section.company_values.style_2 .feature_box .number {
color: #000;
display: inline-block;
font-size: 72px;
font-weight: 700;
margin-bottom: 15px;
max-width: 30%;
text-align: center;
width: 125px;
}
.elementor section.company_values.style_2 .feature_box .item_title {
border-bottom: 1px solid #f9f9f9;
margin-bottom: 20px;
padding-bottom: 15px;
}
.pictures_slider {
background-color: #f9f9f9;
padding: 40px 0;
position: relative;
}
@media (min-width: 992px) {
.pictures_slider {
padding: 55px 0;
}
}
.pictures_slider .mns-advanced-slide {
overflow: hidden;
}
.pictures_slider .swiper-pagination {
bottom: 0;
width: 100%;
}
.pictures_slider figure {
width: 100%;
}
@media (min-width: 992px) {
.pictures_slider .title_section {
margin-bottom: 34px;
}
}
.pictures_slider .title_section h3 {
color: #102133;
margin-bottom: 16px;
text-align: center;
}
.pictures_slider .title_section h3 + p {
margin-bottom: 16px;
}
.pictures_slider p {
color: #102133;
font-size: 14px;
margin-bottom: 0;
padding: 10px 10px 0;
text-align: center;
}
@media (min-width: 768px) {
.pictures_slider p {
font-size: 16px;
}
}
.pictures_slider .product-slider-next,
.pictures_slider .swiper-button-next,
.pictures_slider .swiper-container-rtl .swiper-button-prev {
right: 0 !important;
}
@media (min-width: 1540px) {
.pictures_slider .product-slider-next,
.pictures_slider .swiper-button-next,
.pictures_slider .swiper-container-rtl .swiper-button-prev {
right: -40px !important;
}
}
.pictures_slider .product-slider-next:hover:before,
.pictures_slider .swiper-button-next:hover:before,
.pictures_slider .swiper-container-rtl .swiper-button-prev:hover:before {
color: #61ce70;
}
.pictures_slider .product-slider-next:before,
.pictures_slider .swiper-button-next:before,
.pictures_slider .swiper-container-rtl .swiper-button-prev:before {
color: #92d4d5;
content: "\f105";
}
.pictures_slider .product-slider-prev,
.pictures_slider .swiper-button-prev,
.pictures_slider .swiper-container-rtl .swiper-button-next {
left: 0 !important;
}
@media (min-width: 1540px) {
.pictures_slider .product-slider-prev,
.pictures_slider .swiper-button-prev,
.pictures_slider .swiper-container-rtl .swiper-button-next {
left: -40px !important;
}
}
.pictures_slider .product-slider-prev:hover:before,
.pictures_slider .swiper-button-prev:hover:before,
.pictures_slider .swiper-container-rtl .swiper-button-next:hover:before {
color: #61ce70;
}
.pictures_slider .product-slider-prev:before,
.pictures_slider .swiper-button-prev:before,
.pictures_slider .swiper-container-rtl .swiper-button-next:before {
color: #92d4d5;
content: "\f104";
}
.pictures_slider
.swiper-pagination
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background-color: #fff;
}
.product_gallery.swiper {
margin-bottom: 15px;
}
.product_gallery.swiper .swiper-slide {
align-items: center;
display: flex;
justify-content: center;
}
.product_gallery.swiper .swiper-slide .gallery_item {
position: relative;
width: 100%;
}
.product_gallery.swiper .swiper-slide .gallery_item figure {
display: flex;
justify-content: center;
margin: 0;
overflow: hidden;
position: relative;
}
.product_gallery.swiper .swiper-slide .gallery_item figure img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.product_gallery.swiper .swiper-slide .gallery_item video {
display: block;
height: auto;
width: 100%;
}
.product_gallery.swiper .swiper-slide .gallery_item .badge_list {
position: absolute;
z-index: 2;
}
.product_gallery.swiper .swiper-slide .gallery_item .badge_list.upper {
left: 10px;
top: 10px;
}
.product_gallery.swiper .swiper-slide .gallery_item .badge_list.down {
bottom: 10px;
right: 10px;
}
.product_gallery.swiper .swiper-slide .gallery_item .badge_list .single_badge {
border-radius: 3px;
display: inline-block;
margin-right: 5px;
padding: 5px 10px;
}
.product_gallery.swiper
.swiper-slide
.gallery_item
.badge_list
.single_badge.icon {
padding: 5px;
}
.product_gallery.swiper
.swiper-slide
.gallery_item
.badge_list
.single_badge.icon
img {
height: 20px;
width: auto;
}
.product_gallery.swiper
.swiper-slide
.gallery_item
.badge_list
.single_badge.sale_badge {
background-color: red;
color: #fff;
}
.product_gallery.swiper .swiper-pagination {
margin-top: 15px;
position: relative;
}
.product_gallery.swiper .swiper-pagination .swiper-pagination-bullet {
height: 10px;
margin: 0 5px;
width: 10px;
}
.product_gallery.swiper .swiper-pagination .swiper-pagination-bullet-active {
background-color: #333;
}
.product_gallery.swiper .swiper-button-next,
.product_gallery.swiper .swiper-button-prev {
color: #333;
}
.product_gallery.swiper .swiper-button-next:after,
.product_gallery.swiper .swiper-button-prev:after {
font-size: 20px;
}
@media screen and (max-width: 767px) {
.product_gallery.swiper .swiper-button-next,
.product_gallery.swiper .swiper-button-prev {
display: none;
}
}
.product_gallery_thumbs.swiper {
margin-bottom: 30px;
}
.product_gallery_thumbs.swiper .swiper-slide {
cursor: pointer;
height: auto;
opacity: 0.6;
overflow: hidden;
transition: opacity 0.3s ease;
}
.product_gallery_thumbs.swiper .swiper-slide.swiper-slide-thumb-active {
border: 2px solid #333;
opacity: 1;
}
.product_gallery_thumbs.swiper .swiper-slide .thumb-item {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.product_gallery_thumbs.swiper .swiper-slide .thumb-item img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.product_gallery_thumbs.swiper .swiper-slide .thumb-item.video-thumb {
background-color: #f0f0f0;
position: relative;
}
.product_gallery_thumbs.swiper .swiper-slide .thumb-item.video-thumb i {
color: #333;
font-size: 20px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 576px) {
.product_gallery_thumbs.swiper .swiper-slide {
height: 50px;
}
}
.blog_opening {
background-color: #f8aa19;
border-bottom: 5px solid #102133;
color: #fff;
padding: 30px 10px;
text-align: center;
}
@media (min-width: 480px) {
.blog_opening {
padding: 50px 10px;
}
}
@media (min-width: 768px) {
.blog_opening {
padding: 75px 25px;
}
}
.blog_opening h1 {
color: #fff;
font-size: 24px;
line-height: 1.2;
margin: 0;
text-align: center;
}
@media (min-width: 480px) {
.blog_opening h1 {
font-size: 28px;
}
}
@media (min-width: 640px) {
.blog_opening h1 {
font-size: 32px;
}
}
@media (min-width: 768px) {
.blog_opening h1 {
font-size: 40px;
}
}
body.blog .breadcrumbs_wrapper {
color: #7a7a7a;
font-size: 16px;
margin-bottom: 20px;
}
body.blog .breadcrumbs_wrapper a {
color: #7a7a7a;
}
body.blog .breadcrumbs_wrapper a:hover {
color: #f8aa19;
}
body.blog .breadcrumbs_wrapper > span {
color: #7a7a7a;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.blog .breadcrumbs_wrapper .breadcrumb_last {
color: #7a7a7a;
}
.see_more:before {
content: attr(data-text);
}
.see_more span {
transition: all 0.3s;
}
.see_more.active span {
transform: rotate(-90deg);
}
.see_more.active:before {
content: attr(data-text-less);
}
.post_list {
padding: 50px 0;
}
@media (min-width: 768px) {
.post_list {
padding: 50px 42px;
}
}
@media (min-width: 992px) {
.post_list {
padding: 90px 42px;
}
.post_list .section_title {
font-size: 30px;
}
}
@media (min-width: 1540px) {
.post_list .section_title {
font-size: 36px;
}
}
.post_list .post {
display: flex;
flex-direction: column;
height: calc(100% - 20px);
margin-bottom: 20px;
}
.post_list .post .post_img {
display: block;
height: 175px;
overflow: hidden;
width: 100%;
}
.post_list .post .post_img img {
transition: all 0.3s;
}
.post_list .post .post_img:hover img {
transform: scale(1.06);
}
.post_list .post h4 {
font-size: 20px;
font-weight: 700;
margin: 12px 0 10px;
}
@media (min-width: 1200px) {
.post_list .post h4 {
font-size: 22px;
margin: 18px 0;
}
body:not(.home) .post_list .post h4 {
min-height: 72px;
}
}
@media (min-width: 1540px) {
.post_list .post h4 {
font-size: 24px;
}
body:not(.home) .post_list .post h4 {
min-height: 80px;
}
}
.post_list .post h4 a {
color: #7a7a7a;
}
.post_list .post h4 a:hover {
color: #f8aa19;
}
.post_list .post p {
color: #7a7a7a;
font-size: 15px;
}
@media (min-width: 1200px) {
.post_list .post p {
font-size: 16px;
}
}
.post_list .post .see_more {
margin-top: 10px;
}
@media (min-width: 1200px) {
.post_list .post .see_more {
margin-top: 30px;
}
}
.post_list .post .see_more:before {
content: attr(data-text);
}
.post_list .post .see_more span {
transition: all 0.3s;
}
.post_list .post .see_more.active span {
transform: rotate(-90deg);
}
.post_list .post .see_more.active:before {
content: attr(data-text-less);
}
.post_list .toggle_post_desc {
max-height: 80px;
overflow: hidden;
position: relative;
transition: max-height 0.3s ease-out;
}
.post_list .toggle_post_desc:before {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 85%);
bottom: 0;
content: "";
height: 70px;
left: 0;
max-height: 100%;
opacity: 1;
pointer-events: all;
position: absolute;
transition: all 0.3s;
width: 100%;
z-index: 1;
}
.post_list .toggle_post_desc.active:before {
opacity: 0;
}
.post_list .sidebar_col .sidebar h4 {
border-bottom: 1px solid #f9f9f9;
font-size: 18px;
font-weight: 700;
position: relative;
}
.see_more {
color: #7a7a7a;
font-size: 14px;
text-transform: uppercase;
}
.see_more .fas {
color: #61ce70;
display: inline-block;
margin-left: 5px;
transition: inherit;
}
.see_more a {
color: #7a7a7a;
font-weight: 700;
}
.see_more a:hover,
.see_more a:hover span {
color: #f8aa19;
}
.single_post_meta {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single_post_meta .news_categories {
max-width: 70%;
}
@media (min-width: 640px) {
.single_post_meta .reading_time {
max-width: 30%;
width: auto;
}
}
.reading_time {
color: #7a7a7a;
display: block;
font-size: 16px;
line-height: 1.33em;
}
.reading_time .rt-prefix {
font-weight: 700;
}
.sidebar_col .sidebar {
position: sticky;
top: 90px;
}
.sidebar_col .sidebar .widget_wrap {
background-color: #f7f6f6;
border: 1px solid #d6d7d6;
border-radius: 15px;
font-size: 15px;
line-height: 1.15;
margin-bottom: 20px;
padding: 25px;
}
.sidebar_col .sidebar .widget_wrap h4 {
margin-bottom: 25px;
}
.sidebar_col .sidebar .sidebar_title {
color: #000;
font-size: 18px;
font-weight: 700;
}
.sidebar_col .sidebar ul.wp-block-categories-list li {
margin-bottom: 0;
}
.sidebar_col .sidebar ul.wp-block-categories-list li:last-child {
margin-bottom: 25px;
}
.sidebar_col .sidebar ul li {
margin-bottom: 15px;
}
.sidebar_col .sidebar ul li.current-cat a {
font-weight: 700;
}
.sidebar_col .sidebar ul li:last-child,
.sidebar_col .sidebar ul li:last-child a {
margin-bottom: 0;
}
.sidebar_col .sidebar ul li a {
color: #7a7a7a;
display: inline-block;
line-height: 1.3em;
margin-bottom: 5px;
}
.sidebar_col .sidebar ul li a:hover {
color: #f8aa19;
}
.sidebar_col .sidebar ul li span,
.sidebar_col .sidebar ul li time {
color: #f9f9f9;
font-size: 12.25px;
text-transform: uppercase;
}
.sidebar_col .sidebar ul li.tag_checkbox {
display: block;
margin-bottom: 20px;
padding-left: 30px;
position: relative;
}
.sidebar_col .sidebar ul li.tag_checkbox:last-child {
margin-bottom: 0;
}
.sidebar_col .sidebar ul li.tag_checkbox.checked {
font-weight: 700;
}
.sidebar_col .sidebar ul li.tag_checkbox label {
cursor: pointer;
display: inline-block;
transition: color 0.3s ease-in-out;
}
.sidebar_col .sidebar ul li.tag_checkbox label:hover {
color: #f8aa19;
}
.sidebar_col .sidebar ul li input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #f9f9f9;
border-radius: 3px;
cursor: pointer;
display: inline-block;
height: 20px;
left: 0;
margin-right: 5px;
outline: 0;
padding: 4px;
position: absolute;
top: 0;
transition: border 0.3s ease-in-out;
vertical-align: middle;
width: 20px;
}
.sidebar_col .sidebar ul li input[type="checkbox"]:hover {
border-color: #7a7a7a;
}
.sidebar_col .sidebar ul li input[type="checkbox"]:checked:after {
border-bottom: 2px solid #ea5063;
border-right: 2px solid #ea5063;
bottom: 3px;
content: "";
display: block;
height: 20px;
left: 7px;
position: absolute;
top: auto;
transform: rotate(45deg);
width: 10px;
}
.sidebar_col .sidebar ul li input[type="checkbox"]:checked + label {
font-weight: 700;
}
.sidebar_col .sidebar .tagcloud {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sidebar_col .sidebar .tagcloud a {
color: #7a7a7a;
font-size: inherit !important;
line-height: 1.3em;
margin-bottom: 15px;
}
.sidebar_col .sidebar .tagcloud a:last-child {
margin-bottom: 0;
}
.sidebar_col .sidebar .tagcloud a:hover {
color: #f8aa19;
}
.news_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative;
transition: opacity 0.3s ease-in-out;
width: 100%;
}
.news_img:hover {
opacity: 0.8;
}
.news_img h4 {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #fff;
font-size: 20px;
left: 0;
line-height: 1.5em;
margin: 0;
padding: 10px;
position: absolute;
width: 100%;
}
@media (min-width: 992px) {
.news_img h4 {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.news_img h4 {
font-size: 20px;
padding: 20px;
}
}
.news_categories {
margin-bottom: 10px;
}
.news_categories a[rel="tag"] {
border-radius: 50px;
color: #fff;
display: inline-block;
font-size: 13px;
margin: 2px;
padding: 8px;
}
.news_categories a[rel="tag"]:hover {
background: #f8aa19;
}
.news_categories a[rel="tag"]:first-child {
margin-left: 0;
}
.news_categories a[rel="tag"]:nth-child(odd) {
background-color: #659d41;
}
.news_categories a[rel="tag"]:nth-child(2n) {
background-color: #d2d128;
}
.news_categories > a[rel="category tag"] {
display: inline-block;
font-size: 13px;
line-height: 1.33em;
margin-bottom: 2px;
}
.news_categories .post-categories li {
display: inline-block;
margin: 0 2px;
}
.news_categories .post-categories li:first-child,
.news_categories .post-categories li:last-child {
margin-left: 0;
}
.news_categories .post-categories li a {
background: #f8aa19;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 13px;
padding: 8px;
}
.news_categories .post-categories li a:hover {
background: #f8aa19;
}
.news_list .sidebar_col .sidebar {
top: 130px;
}
.news_list .news_wrapper {
margin-bottom: 10px;
}
@media (min-width: 480px) {
.news_list .news_wrapper {
margin-bottom: 20px;
}
}
.news_list .news_wrapper .news_cnt {
color: #898989;
width: 100%;
}
.news_list .news_wrapper .news_cnt h4 {
color: #7a7a7a;
line-height: 1.3em;
margin-bottom: 12px;
}
.news_list .news_wrapper .news_cnt h4 a {
color: #7a7a7a;
}
.news_list .news_wrapper .news_cnt h4 a:focus,
.news_list .news_wrapper .news_cnt h4 a:hover {
color: #f8aa19;
}
.news_list .news_wrapper .news_cnt .see_more {
justify-content: flex-start;
}
.news_list.related_posts {
margin: 50px 0;
padding-top: 50px;
}
.news_list.related_posts .post_box {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.news_list.related_posts .post_box .news_img {
margin-bottom: 20px;
}
}
.news_list.related_posts .related_title {
font-size: 48px;
margin-bottom: 20px;
padding-bottom: 40px;
position: relative;
}
.news_list.related_posts .related_title:before {
bottom: 0;
color: #61ce70;
content: "\e91d";
font-family: Custom Icons;
font-size: 22px;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
@media (min-width: 1200px) {
.news_list.related_posts .related_title {
font-size: 60px;
}
}
.news_list.related_posts .description {
margin: 0 auto 30px;
max-width: 800px;
}
.news_single .sidebar_col .sidebar {
margin-bottom: 30px;
top: 130px;
}
.news_single .news_img figure {
height: auto;
}
.news_single .news_img figure img {
min-height: 280px;
transform: none;
}
.news_single .news_categories {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 5px 0;
}
.news_single .news_categories .post-categories li a {
font-size: 15px;
padding: 8px 12px;
}
.news_single .news_categories .share_links {
align-items: center;
display: flex;
margin: 10px 0;
}
.news_single .news_categories .share_links .share_title {
color: #7a7a7a;
}
.news_single .news_categories .share_links .s_socials {
align-items: center;
display: flex;
margin-left: 10px;
}
.news_single .news_categories .share_links .s_socials li {
align-items: center;
border: 1px solid #000;
border-radius: 100%;
color: #000;
display: flex;
font-size: 15px;
height: 30px;
justify-content: center;
margin-right: 10px;
padding: 0;
position: relative;
transition: all 0.3s;
width: 30px;
}
.news_single .news_categories .share_links .s_socials li:last-child {
margin-right: 0;
}
@media (min-width: 640px) {
.news_single .news_categories .share_links .s_socials li {
font-size: 16px;
height: 34px;
width: 34px;
}
}
.news_single .news_categories .share_links .s_socials li:hover {
background: #000;
color: #fff;
}
.news_single .news_categories .share_links .s_socials li a {
font-size: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.news_single .post_navigation {
background-color: #f9f9f9;
border-radius: 10px;
font-weight: 400;
margin: 30px 0;
padding: 20px;
}
.news_single .post_navigation:after {
clear: both;
content: "";
display: block;
}
.news_single .post_navigation .next_link a,
.news_single .post_navigation .prev_link a {
font-size: 16px;
position: relative;
}
.news_single .post_navigation .next_link a:before,
.news_single .post_navigation .prev_link a:before {
content: "\f105";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.news_single .post_navigation .prev_link {
float: left;
}
.news_single .post_navigation .prev_link a {
padding-left: 23px;
}
.news_single .post_navigation .prev_link a:before {
left: 0;
transform: translateY(-50%) rotate(-180deg);
}
.news_single .post_navigation .next_link {
float: right;
}
.news_single .post_navigation .next_link a {
padding-right: 23px;
}
.news_single .post_navigation .next_link a:before {
right: 0;
}
.wp-pagenavi {
border: 1px solid #dbd4c7;
border-radius: 150px;
display: inline-block;
padding: 15px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi > a,
.wp-pagenavi > span {
border: none;
color: #7f7f7f;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 0 16px;
position: relative;
transition: color 0.3s ease-in-out;
}
.wp-pagenavi > a:hover,
.wp-pagenavi > span:hover {
color: #f8aa19;
}
.wp-pagenavi > a.nextpostslink,
.wp-pagenavi > a.previouspostslink,
.wp-pagenavi > span.nextpostslink,
.wp-pagenavi > span.previouspostslink {
color: #dad4c7;
font-size: 18px;
font-weight: 700;
line-height: 0.5em;
padding: 0 5px;
position: relative;
top: -2px;
}
.wp-pagenavi > a.nextpostslink:hover,
.wp-pagenavi > a.previouspostslink:hover,
.wp-pagenavi > span.nextpostslink:hover,
.wp-pagenavi > span.previouspostslink:hover {
color: #f8aa19;
}
.wp-pagenavi > a.current,
.wp-pagenavi > span.current {
color: #000;
font-weight: 700;
}
.category_archive {
border-radius: 15px;
display: block;
line-height: 0;
margin-bottom: 20px;
}
.category_archive img {
border-radius: 15px;
display: block;
width: 100%;
}
.seo_section {
background-color: #b6e7e8;
border-radius: 200px 200px 0 0;
margin-top: 50px;
padding: 100px 50px;
position: relative;
z-index: 0;
}
.seo_section:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/seo_clouds.png) 50% no-repeat;
background-size: contain;
content: "";
height: 395px;
left: 60%;
position: absolute;
top: 0;
width: 684px;
z-index: -1;
}
.seo_section h2 {
font-size: 30px;
}
@media (min-width: 1200px) {
.seo_section h2 {
font-size: 48px;
}
}
.single.single-post .main_website_wrapper {
margin-bottom: 40px;
}
.single.single-post .post_info_wrap ul.post-categories {
margin-bottom: 20px;
margin-left: -10px;
width: calc(100% + 20px);
}
.single.single-post .post_info_wrap ul.post-categories li {
display: inline-block;
margin: 0 10px 10px;
}
.single.single-post .post_info_wrap figure {
display: block;
margin-bottom: 30px;
width: 100%;
}
.single.single-post .main_website_wrapper ol li {
counter-increment: step-counter;
display: block;
line-height: 1.15em;
margin-bottom: 12px;
padding-left: 30px;
position: relative;
}
.single.single-post .main_website_wrapper ol li:before {
align-items: center;
background-color: #f8aa19;
border-radius: 100%;
color: #fff;
content: counter(step-counter);
display: flex;
font-size: 12px;
font-weight: 600;
height: 21px;
justify-content: center;
left: 0;
position: absolute;
top: -3px;
width: 21px;
}
.single.single-post .post_thumbnail .row {
align-items: flex-end;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 250px;
padding: 30px 16px;
}
@media (min-width: 768px) {
.single.single-post .post_thumbnail .row {
height: 325px;
padding: 50px;
}
}
@media (min-width: 992px) {
.single.single-post .post_thumbnail .row {
height: 400px;
}
}
@media (min-width: 1200px) {
.single.single-post .post_thumbnail .row {
height: 550px;
padding: 50px 250px;
}
}
.single.single-post .post_thumbnail .row h1 {
color: #fff;
font-size: 20px;
line-height: 1.2em;
margin-bottom: 0;
}
@media (min-width: 480px) {
.single.single-post .post_thumbnail .row h1 {
font-size: 24px;
}
}
@media (min-width: 640px) {
.single.single-post .post_thumbnail .row h1 {
font-size: 28px;
}
}
@media (min-width: 768px) {
.single.single-post .post_thumbnail .row h1 {
font-size: 32px;
}
}
@media (min-width: 992px) {
.single.single-post .post_thumbnail .row h1 {
font-size: 40px;
}
}
.single.single-post .default_section {
padding: 10px 0;
}
.contact_us .ct_form_wrap {
background-color: #f9f9f9;
border-radius: 10px 40px 10px 10px;
padding: 40px 20px;
position: relative;
}
@media (min-width: 640px) {
.contact_us .ct_form_wrap {
border-radius: 10px 60px 10px 10px;
}
}
@media (min-width: 992px) {
.contact_us .ct_form_wrap {
border-radius: 10px 70px 10px 10px;
padding: 40px 30px;
}
}
@media (min-width: 1540px) {
.contact_us .ct_form_wrap {
border-radius: 10px 100px 10px 10px;
}
}
.contact_us .ct_form_wrap:before {
background-color: #f8aa19;
content: "";
height: 11px;
left: 20px;
max-width: 35%;
min-width: 150px;
position: absolute;
top: -6px;
width: 15%;
}
@media (min-width: 992px) {
.contact_us .ct_form_wrap:before {
left: 30px;
}
}
.contact_us .ct_form_wrap h2 {
font-size: 36px;
line-height: 1.15em;
margin-bottom: 20px;
}
.contact_us .ct_form_wrap .gdpr-check {
color: #7a7a7a;
display: block;
margin: 16px 0;
}
.contact_us .ct_form_wrap .gdpr-check .wpcf7-list-item {
margin: 0;
}
.contact_us .contact_list {
margin-top: 100px;
}
.contact_us .contact_list li h3 {
border-bottom: 1px solid #f9f9f9;
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
}
.contact_us .contact_list li h3:before {
color: #f8aa19;
margin-right: 10px;
}
.contact_us .contact_list li h3:after {
background-color: #f8aa19;
bottom: -3px;
content: "";
height: 5px;
left: 0;
max-width: 35%;
min-width: 150px;
position: absolute;
width: 15%;
}
.contact_us .contact_list li > div {
margin-bottom: 15px;
}
.contact_boxes .elementor-icon-box-title a {
transition: color 0.3s ease;
word-wrap: break-word;
}
.contact_boxes .elementor-icon-box-title a:hover {
color: #fff;
}
.contact_boxes .elementor-icon-box-icon a {
transition: all 0.3s ease;
}
.contact_boxes .elementor-icon-box-icon a:hover {
color: #fff !important;
fill: #fff !important;
border-color: #fff !important;
}
body.woocommerce-checkout main {
margin-bottom: 80px;
}
body.woocommerce-checkout .woocommerce-NoticeGroup {
display: block !important;
}
body.woocommerce-checkout.woocommerce-page.custom_checkout main {
position: relative;
z-index: 0;
}
body.woocommerce-checkout.woocommerce-page.custom_checkout main .col-md-12 {
margin: 0 auto;
max-width: 1200px;
}
body.woocommerce-checkout.woocommerce-page.custom_checkout main .info_text {
color: #7a7a7a;
margin-bottom: 20px;
}
.woocommerce-notices-wrapper ul li {
line-height: 1.3em;
}
.coupon > label[for="coupon_code"] {
display: none;
}
.coupon button.button {
background: transparent;
border-radius: 0 7px 7px 0;
color: #7a7a7a;
cursor: pointer;
font-size: 14px;
margin-bottom: 0;
padding: 0 19px 0 0;
transition: color 0.3s ease-in-out;
width: 100px;
}
.coupon button.button:hover {
background-color: transparent;
color: #f8aa19;
}
.coupon button.button:before {
content: "\e92e";
font-family: Custom Icons;
font-size: 12px;
font-style: normal;
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-coupon-toggle,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-notices-wrapper {
display: block;
width: 100%;
}
body.woocommerce-checkout.woocommerce-page main .woocommerce .fgf_hide {
display: block;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
h4 {
font-size: 18px;
font-weight: 700;
margin: 40px 0 20px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.thwcfd-field-heading {
margin-bottom: 0;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.col-1,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.col-2 {
width: 100%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap {
align-items: center;
border: 1px solid #dbdbdb;
border-radius: 0;
display: flex;
flex: 1;
flex-basis: 100%;
gap: 20px;
margin-bottom: 10px;
position: relative;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap
input {
left: 10px;
margin: 0;
position: absolute;
}
@media (min-width: 992px) {
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap
input {
left: 15px;
}
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap
.radio {
align-items: center;
cursor: pointer;
display: flex;
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 10px 30px;
width: 100%;
}
@media (min-width: 480px) {
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap
.radio {
gap: 20px;
padding: 10px 40px;
}
}
@media (min-width: 992px) {
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-input-wrapper
.radio_wrap
.radio {
font-size: 15px;
}
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-additional-fields
> h3 {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields {
margin: 10px 0 40px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
div.create-account
.afreg_extra_fields,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
div.create-account
label {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.create-account.woocommerce-validated {
color: #7a7a7a;
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.afreg_extra_fields {
display: flex;
flex-wrap: wrap;
width: 100%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.afreg_extra_fields
.form-row {
width: 50%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.create-account,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px);
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.create-account
textarea,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-additional-fields__field-wrapper
textarea,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-billing-fields__field-wrapper
textarea {
margin-bottom: 0;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.create-account
#afreg_additional_1195_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-account-fields
.create-account
#afreg_additional_1196_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-additional-fields__field-wrapper
#afreg_additional_1195_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-additional-fields__field-wrapper
#afreg_additional_1196_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-billing-fields__field-wrapper
#afreg_additional_1195_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#customer_details
.woocommerce-billing-fields__field-wrapper
#afreg_additional_1196_field
label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.fgf_hide {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table {
margin: 20px auto 40px;
max-width: 100%;
overflow: hidden;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr
th,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th {
border: none;
color: #7a7a7a;
font-size: 16px;
padding: 5px 10px;
vertical-align: middle;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th {
border-radius: 0;
padding: 10px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-thumbnail,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-thumbnail,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-thumbnail,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-thumbnail {
order: 1;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-name,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-name,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-name,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-name {
flex-basis: calc(100% - 100px);
order: 2;
width: calc(100% - 100px);
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-name
.tax_label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-name
.tax_label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-name
.tax_label,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-name
.tax_label {
display: inline-block;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-name
.qty_wrap,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-name
.qty_wrap
.old_price,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
td.product-name
.qty_wrap
.product-quantity,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-name
.qty_wrap,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-name
.qty_wrap
.old_price,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tbody
tr
th.product-name
.qty_wrap
.product-quantity,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-name
.qty_wrap,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-name
.qty_wrap
.old_price,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
td.product-name
.qty_wrap
.product-quantity,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-name
.qty_wrap,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-name
.qty_wrap
.old_price,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
thead
tr
th.product-name
.qty_wrap
.product-quantity {
font-weight: 400;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr:first-child
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr:first-child
th {
padding-top: 20px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.cart-subtotal {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.cart-total-discount
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.cart-total-discount
th {
color: #f8aa19;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.woocommerce-shipping-totals
.amount {
font-weight: 400 !important;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.woocommerce-shipping-totals
.tax_label {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
tr.woocommerce-shipping-totals
td
ul.woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
tr.woocommerce-shipping-totals
td
ul.woocommerce-shipping-methods
li {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
width: auto;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
tr.woocommerce-shipping-totals
td
ul.woocommerce-shipping-methods
li
input.shipping_method {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: auto;
position: static;
width: 16px;
height: 16px;
min-width: 16px;
margin: 0;
accent-color: #2f9796;
cursor: pointer;
opacity: 1;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
tr.woocommerce-shipping-totals
td
ul.woocommerce-shipping-methods
li
label {
margin: 0;
padding: 0;
font-weight: 400;
cursor: pointer;
display: inline;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr
th {
background-color: #f4f4f4;
flex-basis: 50%;
font-weight: 400;
width: 50%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr
td {
text-align: right;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.order-total
td,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.order-total
th {
color: #000;
font-weight: 700;
padding-bottom: 20px;
padding-top: 20px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.recurring-total,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-checkout-review-order
.shop_table.woocommerce-checkout-review-order-table
tfoot
tr.recurring-totals {
display: none !important;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#order_review_heading {
display: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf-popup-gift-products-wrapper {
max-height: none;
padding: 0;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table {
margin-bottom: 70px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
td:last-child,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
th:last-child,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
thead
tr
td:last-child,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
thead
tr
th:last-child {
text-align: right;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
td {
color: #7a7a7a;
font-size: 16px;
font-weight: 400;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
td
img {
border: 1px solid #e1e1e1;
border-radius: 5px;
display: inline-block;
max-width: 100%;
width: 80px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
td
.button {
align-items: center;
background-color: transparent;
border: 1px solid #102133;
border-radius: 6px;
color: #102133;
display: flex;
font-weight: 700;
height: 55px;
justify-content: center;
letter-spacing: 1px;
margin-left: auto;
max-width: 100%;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: 160px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.fgf_gift_products_table
tbody
tr
td
.button:hover {
background-color: #102133;
color: #fff;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#place_order[type="submit"],
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login__submit[type="submit"] {
background-color: #f8aa19 !important;
border-radius: 6px;
color: #fff !important;
font-weight: 700;
letter-spacing: 1px;
padding: 17px 10px;
width: 100%;
}
@media (min-width: 480px) {
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#place_order[type="submit"],
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login__submit[type="submit"] {
max-width: 200px;
}
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#place_order[type="submit"]:focus,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
#place_order[type="submit"]:hover,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login__submit[type="submit"]:focus,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login__submit[type="submit"]:hover {
background-color: #61ce70 !important;
color: #fff !important;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
.woocommerce-info {
background-color: transparent;
border: none;
color: #7a7a7a;
font-size: 18px;
font-weight: 400;
padding: 0;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
.woocommerce-info
a {
border-bottom: 1px solid #f8aa19;
color: #f8aa19;
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
.woocommerce-info
a:hover {
color: #7a7a7a;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
.woocommerce-info:before {
content: none;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login {
border: none;
border-radius: 0;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
padding: 0;
width: calc(100% + 10px);
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
input,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
select,
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
textarea {
background-color: #f8f8f8;
border-color: #cbcbcb;
border-radius: 5px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
p {
padding: 0 10px;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
.form-row:not(.form-row-first):not(.form-row-last),
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.woocommerce-form-login-toggle
+ .woocommerce-form.woocommerce-form-login
.lost_password {
width: 100%;
}
body.woocommerce-checkout.woocommerce-page
main
.woocommerce
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
border-width: 10px 8px 0;
transform: translateX(-50%);
}
.woocommerce-order-received .cart-empty,
.woocommerce-order-received .return-to-shop {
display: none !important;
}
body.woocommerce-order-received main .woocommerce-order {
background-color: #fff;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table--order-details
tfoot
small {
font-size: 100%;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table--order-details
tbody
tr
td,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table--order-details
tbody
tr
th,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table--order-details
tfoot
tr
td,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table--order-details
tfoot
tr
th {
color: #7a7a7a;
}
body.woocommerce-order-received main .thankyou_header {
margin-bottom: 40px;
text-align: center;
z-index: 0;
}
@media (min-width: 992px) {
body.woocommerce-order-received main .thankyou_header {
margin-bottom: 80px;
}
}
body.woocommerce-order-received main .thankyou_header h1 {
margin-top: 40px;
padding-top: 80px;
position: relative;
}
body.woocommerce-order-received main .thankyou_header h1:before {
background-color: #f8aa19;
border-radius: 100%;
color: #fff;
content: "\f00c";
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-size: 40px;
font-weight: 900;
height: 60px;
left: 50%;
line-height: 1.6em;
position: absolute;
top: 0;
transform: translate(-50%);
width: 60px;
}
@media (min-width: 1200px) {
body.woocommerce-order-received main .thankyou_header h1 {
font-size: 60px;
padding-top: 110px;
}
body.woocommerce-order-received main .thankyou_header h1:before {
font-size: 60px;
height: 90px;
width: 90px;
}
}
body.woocommerce-order-received main .thankyou_header figure {
display: block;
}
body.woocommerce-order-received main .thankyou_header p:last-child {
margin-bottom: 0;
}
body.woocommerce-order-received
main
.payment_method_details
.woocommerce-bacs-bank-details
.wc-bacs-bank-details-heading {
display: block;
}
body.woocommerce-order-received
main
.woocommerce-order
h2.woocommerce-order-details__title,
body.woocommerce-order-received
main
.woocommerce-order
ul.woocommerce-thankyou-order-details {
display: none;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-thankyou-order-received {
color: #7a7a7a;
font-size: 24px;
font-weight: 700;
text-align: center;
}
body.woocommerce-order-received main .woocommerce-order .woocommerce-table {
display: none !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
td,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
th,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
td,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
th {
background-color: #fef7ec !important;
border-radius: 0 !important;
border-top: 1px solid #fff !important;
display: table-cell !important;
font-weight: 400 !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
td
a,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
td
strong,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
th
a,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
th
strong,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
td
a,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
td
strong,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
th
a,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr
th
strong {
font-weight: 400 !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr {
display: table-row !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tbody
tr
td {
width: auto !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr:last-child
td,
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table
tfoot
tr:last-child
th {
font-weight: 700 !important;
}
body.woocommerce-order-received main .woocommerce-customer-details {
display: none;
}
body.woocommerce-order-received main .thankyou_btn {
align-items: center;
display: flex;
justify-content: center;
line-height: 1.33;
}
@media (min-width: 992px) {
body.woocommerce-order-received main .thankyou_btn {
font-size: 20px;
}
}
body.woocommerce-order-received main .thankyou_btn img {
height: auto;
margin-right: 15px;
opacity: 0.2;
width: 40px;
}
body.woocommerce-order-received main .thankyou_btn .label {
font-weight: 700;
text-transform: uppercase;
}
.woocommerce-customer-details address {
line-height: 1.33em;
padding: 20px !important;
}
body.woocommerce-order-received
main
.woocommerce-order
.woocommerce-table__product-purchase-note,
body.woocommerce-order-received
main
.woocommerce-order
ul.woocommerce-order-overview
+ p {
display: none;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details {
display: flex;
flex-wrap: wrap;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details li {
flex-grow: 1;
width: auto !important;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details
.woocommerce-order-overview__payment-method.method,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details
.woocommerce-order-overview__total.total {
display: none !important;
}
body.woocommerce-order-received .mollie-instructions,
body.woocommerce-order-received .woocommerce-table--custom-fields {
display: none;
}
body.woocommerce-order-pay .cart-empty.woocommerce-info,
body.woocommerce-order-pay .return-to-shop {
display: none !important;
}
.cross-sell_section {
margin-bottom: 30px;
}
.cross-sell_section .additional_text {
margin: 20px auto 30px;
max-width: 800px;
}
.woocommerce .wc-stripe-elements-field {
background-color: #fff;
}
.empty_cart_msg h2 {
margin-bottom: 30px;
}
.woocommerce .change_payment_method_form #place_order {
display: block;
float: none !important;
margin: 0 auto;
max-width: 300px !important;
}
.update-all-subscriptions-payment-method-wrap {
display: none !important;
}
.change_payment_method_form #payment .payment_methods.methods {
border-bottom: none !important;
}
body.woocommerce-account .breadcrubs_area {
margin-bottom: 0;
}
body.woocommerce-account main {
margin-bottom: 80px;
z-index: 0;
}
body.woocommerce-account main .woocommerce-MyAccount-navigation {
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
border-radius: 15px;
float: none;
margin-bottom: 40px;
padding: 15px 20px;
width: 100%;
}
@media (min-width: 768px) {
body.woocommerce-account main .woocommerce-MyAccount-navigation {
padding: 15px 20px;
}
}
body.woocommerce-account main .woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: column;
}
body.woocommerce-account main .woocommerce-MyAccount-navigation ul li {
display: block;
margin-bottom: 10px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--customer-logout,
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li:last-child {
margin-bottom: 0;
}
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--dashboard,
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--payment-methods {
display: none;
}
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--videos {
order: -1;
}
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.is-active
a {
color: #a7edb0;
padding-left: 20px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-navigation
ul
li.is-active
a:before {
content: "\f105";
}
body.woocommerce-account main .woocommerce-MyAccount-navigation ul li a {
color: #7a7a7a;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.33;
padding: 13px 0;
position: relative;
}
@media (min-width: 992px) {
body.woocommerce-account main .woocommerce-MyAccount-navigation ul li a {
font-size: 18px;
}
}
body.woocommerce-account main .woocommerce-MyAccount-navigation ul li a:before {
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
left: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: color 0.3s ease-in-out;
}
body.woocommerce-account main .woocommerce-MyAccount-navigation ul li a:hover {
color: #61ce70;
}
body.woocommerce-account main .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
tr
td {
padding: 15px 10px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions {
text-align: right;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
a.view,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
a.view {
background-color: transparent;
border: none;
color: #7a7a7a;
font-weight: 600;
text-decoration: underline;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
a.view:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
a.view:hover {
color: #f8aa19;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button {
margin: 2px 5px !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button:after,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button:after {
font-family: "Font Awesome 5", "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button.view:after,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button.view:after {
content: "\f06e";
margin-left: 3px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button.cancel,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button.cancel {
border-color: #626366;
color: #626366;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button.cancel:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button.cancel:hover {
background-color: #626366;
color: #fff;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button.pay,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button.pay {
border-color: #f8aa19;
color: #f8aa19;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-actions
.btn_wrap
.button.pay:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__header-order-actions
.btn_wrap
.button.pay:hover {
background-color: #f8aa19;
color: #fff;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-number
a {
color: #7a7a7a;
font-weight: 700;
text-decoration: underline;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.woocommerce-orders-table__cell-order-status {
color: #7a7a7a;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.button {
align-items: center;
background-color: transparent;
border: 1px solid #102133;
border-radius: 6px;
color: #102133;
display: flex;
font-size: 14px;
font-weight: 700;
height: auto;
justify-content: center;
letter-spacing: 1px;
max-width: 100%;
padding: 12px 10px 11px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-orders-table.woocommerce-MyAccount-orders
.button:hover {
background-color: #102133;
color: #fff;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
td,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
th,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
td,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
th {
background-color: #fef7ec !important;
border-radius: 0 !important;
border-top: 1px solid #fff !important;
display: table-cell !important;
font-weight: 400 !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
td
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
td
strong,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
th
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
th
strong,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
td
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
td
strong,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
th
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr
th
strong {
font-weight: 400 !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr {
display: table-row !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tbody
tr
td {
width: auto !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr:last-child
td,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.woocommerce-table--order-details
tfoot
tr:last-child
th {
font-weight: 700 !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th {
background-color: #fef7ec !important;
border-radius: 0 !important;
border-top: 1px solid #fff !important;
font-weight: 400 !important;
padding: 15px 10px !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
strong,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
strong {
font-weight: 400 !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button {
background-color: transparent;
display: inline-block;
font-weight: 700 !important;
padding: 0;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.cancel,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.change_payment_method,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.cancel,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.change_payment_method {
color: #7a7a7a;
color: #656565;
font-size: 13px;
margin-right: 10px;
text-decoration: underline;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.cancel:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.change_payment_method:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.cancel:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.change_payment_method:hover {
color: #f8aa19;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.change_address,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.change_address {
display: none !important;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.subscription_renewal_early,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.subscription_renewal_early {
background-color: #f8aa19;
color: #fff;
font-size: 16px;
padding: 10px;
text-decoration: none;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
td
a.button.subscription_renewal_early:hover,
body.woocommerce-account
main
.woocommerce-MyAccount-content
table.subscription_details
tbody
tr
th
a.button.subscription_renewal_early:hover {
background-color: #7a7a7a;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-customer-details
address {
border: 10px solid #f9f9f9;
border-radius: 10px;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-Address {
display: flex;
flex-direction: column;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-Address
.woocommerce-Address-title
h3 {
display: none;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-Address
address {
line-height: 1.5;
margin-bottom: 20px;
order: -1;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-Button--next {
background-color: #f8aa19;
color: #fff;
}
body.woocommerce-account
main
.woocommerce-MyAccount-content
.woocommerce-Button--next:hover {
background-color: #61ce70;
border-color: #61ce70;
color: #fff;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr:first-child
td {
border-top: 2px solid #fff;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr:last-child
td {
border-bottom: none !important;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td {
border-bottom: 2px solid #fff !important;
padding: 15px 10px !important;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td:first-child,
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td:last-child {
border-radius: 0 !important;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td.subscription-actions {
text-align: right;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td.subscription-actions
.woocommerce-button {
background-color: transparent;
color: #7a7a7a;
display: inline-block;
font-weight: 600;
padding: 0;
text-decoration: underline;
transition: color 0.3s ease-in-out;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td.subscription-actions
.woocommerce-button:hover {
color: #f8aa19;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td
a {
color: #7a7a7a;
font-weight: 700;
text-decoration: underline;
}
body.woocommerce-account
main
.woocommerce_account_subscriptions
table.my_account_subscriptions
tbody
tr
td
a:hover {
color: #f8aa19;
}
body.woocommerce-page main .woocommerce h2:not(.elementor-heading-title) {
display: none;
}
body.woocommerce-page main .woocommerce table.shop_table,
body.woocommerce-page main .woocommerce table.shop_table tbody tr td,
body.woocommerce-page main .woocommerce table.shop_table tbody tr th,
body.woocommerce-page main .woocommerce table.shop_table thead tr td,
body.woocommerce-page main .woocommerce table.shop_table thead tr th,
body.woocommerce-page main .woocommerce table.tinvwl-table-manage-list,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
th,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
td,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th {
border: none;
}
body.woocommerce-page main .woocommerce table.shop_table thead tr th,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th {
background-color: #102133;
color: #fff;
font-size: 16px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
thead
tr
th.product-price,
body.woocommerce-page
main
.woocommerce
table.shop_table
thead
tr
th.product-quantity,
body.woocommerce-page
main
.woocommerce
table.shop_table
thead
tr
th.product-subtotal,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th.product-price,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th.product-quantity,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th.product-subtotal {
text-align: center;
}
@media (min-width: 992px) {
body.woocommerce-page main .woocommerce table.shop_table thead tr th,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
thead
tr
th {
padding: 18px 12px;
}
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td:not(.actions),
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td:not(.actions) {
background-color: #fff;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr:nth-child(odd)
td:not(.actions),
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr:nth-child(odd)
td:not(.actions) {
background-color: #fafafa;
}
body.woocommerce-page main .woocommerce table.shop_table tbody tr td,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td {
padding: 10px;
}
body.woocommerce-page main .woocommerce table.shop_table tbody tr td:before,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td:before {
color: #7a7a7a;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-remove,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-remove {
min-width: 40px;
width: 40px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-remove
.remove,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-remove
.remove {
border: none;
border-radius: 100%;
color: #7a7a7a !important;
font-size: 23px !important;
font-weight: 300;
height: 23px;
line-height: 0.88em;
position: relative;
width: 23px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-remove
.remove:hover,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-remove
.remove:hover {
background-color: transparent;
color: #61ce70 !important;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-thumbnail,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-thumbnail {
max-width: 100px;
width: 100px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-thumbnail
> a,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-thumbnail
> a {
border: 1px solid #f9f9f9;
display: inline-block;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-thumbnail
img,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-thumbnail
img {
display: block;
max-width: 100%;
width: 100%;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
> a,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
> a {
color: #7a7a7a;
font-size: 15px;
font-weight: 400;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation {
display: block;
margin-top: 5px;
}
@media (min-width: 992px) {
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation {
order: 1;
}
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dd,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dt,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dd,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dt {
display: inline;
float: left;
font-size: 12px;
line-height: 1.2em;
margin: 0 0 5px;
padding: 0;
width: auto;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dt,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dt {
clear: left;
font-weight: 700;
margin-right: 5px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dt:after,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dt:after {
content: "";
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dd,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dd {
font-weight: 400;
margin-top: -1px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-name
dl.variation
dd:after,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-name
dl.variation
dd:after {
content: "";
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-quantity,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-quantity {
max-width: 110px;
text-align: center;
width: 110px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-quantity
.qty,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-quantity
.qty {
border-radius: 0;
font-weight: 700;
height: auto;
margin: 0 auto;
max-width: 100%;
padding: 8px;
width: 90px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal {
color: #7a7a7a;
font-weight: 700;
max-width: 100px;
text-align: center;
width: 100px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price
del
> span,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal
del
> span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price
del
> span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal
del
> span {
opacity: 0.5;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price
del
span,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal
del
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price
del
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal
del
span {
font-weight: 700;
padding-right: 5px;
text-decoration: line-through;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price
span,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal
span {
display: inline-block;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price
span.old_price
bdi,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-price
span.old_price
span,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal
span.old_price
bdi,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td.product-subtotal
span.old_price
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price
span.old_price
bdi,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-price
span.old_price
span,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal
span.old_price
bdi,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-subtotal
span.old_price
span {
text-decoration: line-through;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td
small.includes_tax,
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
td
small.tax_label,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td
small.includes_tax,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td
small.tax_label {
display: block;
font-size: 12px;
line-height: 1.2;
}
body.woocommerce-page main .woocommerce table.shop_table tbody tr .actions,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions {
padding: 10px 0;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon {
display: flex;
max-width: 400px;
width: 100%;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
#coupon_code,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
#coupon_code {
border-radius: 0 0 0 0;
border-right: none;
border-color: #ebe9eb;
margin: 0;
padding: 10px 30px;
width: calc(100% - 160px);
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
#coupon_code::-webkit-input-placeholder,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
#coupon_code::-webkit-input-placeholder {
color: silver;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
#coupon_code::-moz-placeholder,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
#coupon_code::-moz-placeholder {
color: silver;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
#coupon_code:-ms-input-placeholder,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
#coupon_code:-ms-input-placeholder {
color: silver !important;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
#coupon_code:-moz-placeholder,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
#coupon_code:-moz-placeholder {
color: silver;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
button.button,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
button.button {
border: 1px solid #ebe9eb;
border-radius: 0 0 0 0 !important;
color: #7a7a7a;
font-size: 0;
padding: 5px 10px;
transition:
color 0.3s,
background 0.3s ease-in-out;
width: 75px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
button.button:hover,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
button.button:hover {
background-color: #7a7a7a;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
button.button:hover:before,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
button.button:hover:before {
color: #fff;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.coupon
button.button:before,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.coupon
button.button:before {
color: #7a7a7a;
content: "\e91a";
font-family: Custom Icons;
font-size: 16px;
font-style: normal;
font-weight: 900;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: color 0.3s ease-in-out;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.button,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.button {
border-radius: 0;
color: #7a7a7a;
font-weight: 700;
height: 55px;
letter-spacing: 1px;
padding: 10px 50px;
}
body.woocommerce-page
main
.woocommerce
table.shop_table
tbody
tr
.actions
.button:not([disabled]):hover,
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
.actions
.button:not([disabled]):hover {
background-color: #7a7a7a;
color: #fff;
}
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td {
border-radius: 0 !important;
}
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-action
.button.alt {
background-color: #f8aa19;
}
body.woocommerce-page
main
.woocommerce
table.tinvwl-table-manage-list
tbody
tr
td.product-action
.button.alt:hover {
background-color: #f88503;
}
body.woocommerce-page main .woocommerce .cart_totals {
background-color: #f7f7f7;
border: 1px solid #f9f9f9;
float: none;
padding: 20px;
width: 100%;
}
body.woocommerce-page main .woocommerce .cart_totals .shop_table .cart-subtotal,
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
.recurring-total,
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
.recurring-totals,
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
.woocommerce-shipping-calculator,
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
.woocommerce-shipping-destination {
display: none !important;
}
body.woocommerce-page main .woocommerce .cart_totals .shop_table tbody {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.woocommerce-shipping-totals {
border-bottom: 1px solid #f9f9f9;
order: 4;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.woocommerce-shipping-totals
.woocommerce-Price-amount.amount {
font-weight: 400;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.order-total {
border-top: 1px solid #e0e0e1;
margin-bottom: 0;
order: 5;
padding-top: 20px;
}
body.woocommerce-page main .woocommerce .cart_totals .shop_table tbody tr {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
body.woocommerce-page main .woocommerce .cart_totals .shop_table tbody tr td {
background-color: transparent !important;
padding: 0;
text-align: right;
width: 50%;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr
td:before {
content: none;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr
td
.tax_label {
display: none;
}
body.woocommerce-page main .woocommerce .cart_totals .shop_table tbody tr th {
display: table-cell;
padding: 0;
width: 50%;
}
@media (min-width: 992px) {
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.order-total {
font-size: 22px;
}
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.order-total
td,
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.order-total
th {
color: #7a7a7a;
font-weight: 700;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.cart-total-discount {
color: #f8aa19;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.coupon_holder {
border-top: 1px solid #e0e0e1;
margin-bottom: 0;
padding: 20px 0;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.coupon_holder
td {
text-align: left;
width: 100%;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.coupon_holder
td
label {
color: #f8aa19;
display: block;
font-weight: 700;
margin-bottom: 10px;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.coupon_holder
td
.coupon {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.shop_table
tbody
tr.coupon_holder
td
.coupon
.input-text {
height: auto;
margin-bottom: 0;
margin-right: 15px;
padding: 13px;
width: calc(100% - 115px);
}
body.woocommerce-page main .woocommerce .cart_totals .wc-proceed-to-checkout {
text-align: center;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.wc-proceed-to-checkout
.checkout-button {
background-color: #f8aa19;
border-radius: 0;
display: inline-block;
margin: 0 auto;
padding: 20px 40px;
}
body.woocommerce-page
main
.woocommerce
.cart_totals
.wc-proceed-to-checkout
.checkout-button:hover {
background-color: #61ce70;
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
input[type="radio"] {
display: none;
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
input[type="radio"]:checked
+ label:after {
opacity: 1;
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
> label {
color: #898989;
display: block;
font-size: 16px;
font-weight: 400;
padding-left: 40px;
position: relative;
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
> label:after,
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
> label:before {
border-radius: 100%;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
> label:before {
border: 2px solid #cbcbcb;
height: 24px;
left: 0;
width: 24px;
}
body.woocommerce-page
main
.woocommerce
#express_shipping_field.shipping_options
.woocommerce-input-wrapper
> label:after {
background-color: #f8aa19;
height: 10px;
left: 7px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
width: 10px;
}
body.woocommerce-page main .woocommerce #payment {
background-color: transparent;
clear: both;
padding: 0;
}
@media (min-width: 480px) {
body.woocommerce-page main .woocommerce #payment {
padding: 0 10px 0 0;
}
}
@media (min-width: 768px) {
body.woocommerce-page main .woocommerce #payment {
padding: 0 15px 0 0;
}
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods {
border: none;
margin-bottom: 25px;
padding: 0;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method {
background-color: #f2f2f2;
border-bottom: 2px solid #fff;
padding: 20px;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method:last-child {
border-bottom: none;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
input[type="radio"] {
display: none;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
input[type="radio"]:checked
+ label:after {
opacity: 1;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form {
margin-left: -10px;
width: calc(100% + 20px);
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form
.form-row {
margin-bottom: 0;
padding: 0 10px;
width: 100%;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form
.form-row.form-row-first,
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form
.form-row.form-row-last {
width: 50%;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form
.form-row.form-row-first
.wc-stripe-elements-field,
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.wc-credit-card-form
.form-row.form-row-last
.wc-stripe-elements-field {
margin-bottom: 0;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
> label {
color: #898989;
display: block;
font-size: 16px;
font-weight: 400;
padding-left: 40px;
position: relative;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
> label:after,
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
> label:before {
border-radius: 100%;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
> label:before {
border: 2px solid #cbcbcb;
height: 24px;
left: 0;
width: 24px;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
> label:after {
background-color: #f8aa19;
height: 10px;
left: 7px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
width: 10px;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.payment_box {
background-color: transparent;
color: #898989;
font-size: 16px;
font-weight: 300;
padding: 0;
}
body.woocommerce-page
main
.woocommerce
#payment
.wc_payment_methods.payment_methods
.wc_payment_method
.payment_box:before {
content: none;
}
body.woocommerce-page main .woocommerce #payment .place-order {
padding: 0;
width: 100%;
}
body.woocommerce-page main .woocommerce #payment .place-order input {
height: 18px;
outline: none;
width: 18px;
}
body.woocommerce-page
main
.woocommerce
#payment
.place-order
.validate-required {
color: #717171;
padding: 0;
width: 100%;
}
body.woocommerce-page
main
.woocommerce
#payment
.place-order
.validate-required
a {
color: #717171;
text-decoration: underline;
}
body.woocommerce-page
main
.woocommerce
#payment
.place-order
.validate-required
a:hover {
text-decoration: none;
}
body.woocommerce-page
main
.woocommerce
#payment
.place-order
#place_order[type="submit"] {
float: none !important;
}
body.woocommerce-page
main
.woocommerce
#payment
.woocommerce-terms-and-conditions-wrapper {
font-size: 14px;
}
body.woocommerce-page main .woocommerce .shipping_select_methoods {
display: none;
}
body.woocommerce-page main .woocommerce .woocommerce-cart-form {
margin-bottom: 40px;
}
body.woocommerce-page
main
.woocommerce
.woocommerce-terms-and-conditions-wrapper
.woocommerce-terms-and-conditions
+ .validate-required {
margin: 0 0 10px;
width: 100%;
}
body.woocommerce-page main .woocommerce .form-row {
margin: 0 0 20px -10px;
padding: 0 10px;
width: calc(100% + 20px);
}
@media (max-width: 479px) {
body.woocommerce-page main .woocommerce .form-row {
float: none;
}
}
@media (min-width: 480px) {
body.woocommerce-page main .woocommerce .form-row {
margin-left: 0;
width: 50%;
}
}
body.woocommerce-page main .woocommerce .form-row.code_field {
max-width: 150px;
}
body.woocommerce-page main .woocommerce .form-row.code_field_long {
max-width: calc(100% - 150px);
}
@media (min-width: 480px) {
body.woocommerce-page main .woocommerce .form-row.code_field_long {
max-width: calc(50% - 150px);
}
}
body.woocommerce-page main .woocommerce .form-row.place-order {
margin-left: 0;
width: 100%;
}
@media (min-width: 480px) {
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.form-row.btn,
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.form-row.single_add_to_cart_button,
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.form-row.single_add_to_cart_button,
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
button.form-row,
body.woocommerce-page
main
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.form-row.single_add_to_cart_button,
body.woocommerce-page
main
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.form-row.single_add_to_cart_button,
body.woocommerce-page main .woocommerce .form-row.form-row-wide,
body.woocommerce-page main .woocommerce .form-row.wide,
body.woocommerce-page
main
.woocommerce
.popup_wrap
.popup_cont
.popup_footer
.form-row.btn,
body.woocommerce-page
main
.woocommerce
.popup_wrap
.popup_cont
.popup_footer
button.form-row,
body.woocommerce-page
main
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.popup_wrap
.popup_cont
.popup_footer
.form-row.single_add_to_cart_button,
body.woocommerce-page
main
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.popup_wrap
.popup_cont
.popup_footer
.form-row.single_add_to_cart_button {
width: 100%;
}
}
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.form-row.btn
label[for="carrier_Address"],
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.form-row.single_add_to_cart_button
label[for="carrier_Address"],
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.form-row.single_add_to_cart_button
label[for="carrier_Address"],
.popup_wrap
.popup_cont
.popup_footer
body.woocommerce-page
main
.woocommerce
button.form-row
label[for="carrier_Address"],
body.woocommerce-page
main
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.form-row.single_add_to_cart_button
label[for="carrier_Address"],
body.woocommerce-page
main
.popup_wrap
.popup_cont
.popup_footer
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.form-row.single_add_to_cart_button
label[for="carrier_Address"],
body.woocommerce-page
main
.woocommerce
.form-row.form-row-wide
label[for="carrier_Address"],
body.woocommerce-page main .woocommerce .form-row.invoice_field,
body.woocommerce-page main .woocommerce .form-row.validate-eu-vat-number,
body.woocommerce-page
main
.woocommerce
.form-row.wide
label[for="carrier_Address"],
body.woocommerce-page
main
.woocommerce
.popup_wrap
.popup_cont
.popup_footer
.form-row.btn
label[for="carrier_Address"],
body.woocommerce-page
main
.woocommerce
.popup_wrap
.popup_cont
.popup_footer
button.form-row
label[for="carrier_Address"],
body.woocommerce-page
main
.woocommerce
.product
.main_section
.woocommerce-variation-add-to-cart
.popup_wrap
.popup_cont
.popup_footer
.form-row.single_add_to_cart_button
label[for="carrier_Address"],
body.woocommerce-page
main
.woocommerce
.product
.main_section
form.cart:not(.variations_form)
.popup_wrap
.popup_cont
.popup_footer
.form-row.single_add_to_cart_button
label[for="carrier_Address"] {
display: none;
}
body.woocommerce-page
main
.woocommerce
.form-row.invoice_field
.alg-wc-eu-vat-valid-color,
body.woocommerce-page
main
.woocommerce
.form-row.validate-eu-vat-number
.alg-wc-eu-vat-valid-color {
color: #61ce70;
}
@media (min-width: 480px) {
body.woocommerce-page main .woocommerce .form-row.thwcfd-field-heading,
body.woocommerce-page main .woocommerce .form-row.thwcfd-field-textarea {
width: 100%;
}
}
body.woocommerce-page main .woocommerce .form-row input[type="email"],
body.woocommerce-page main .woocommerce .form-row input[type="number"],
body.woocommerce-page main .woocommerce .form-row input[type="password"],
body.woocommerce-page main .woocommerce .form-row input[type="tel"],
body.woocommerce-page main .woocommerce .form-row input[type="text"],
body.woocommerce-page main .woocommerce .form-row select,
body.woocommerce-page main .woocommerce .form-row textarea {
background-color: #fff;
border-color: #d9d8d9;
border-radius: 0;
font-size: 16px;
font-weight: 300;
}
body.woocommerce-page
main
.woocommerce
.form-row.woocommerce-invalid
input[type="email"],
body.woocommerce-page
main
.woocommerce
.form-row.woocommerce-invalid
input[type="number"],
body.woocommerce-page
main
.woocommerce
.form-row.woocommerce-invalid
input[type="password"],
body.woocommerce-page
main
.woocommerce
.form-row.woocommerce-invalid
input[type="tel"],
body.woocommerce-page
main
.woocommerce
.form-row.woocommerce-invalid
input[type="text"],
body.woocommerce-page main .woocommerce .form-row.woocommerce-invalid select,
body.woocommerce-page main .woocommerce .form-row.woocommerce-invalid textarea {
border-color: #b81c23;
}
body.woocommerce-page
main
.woocommerce
.form-row
.select2
.selection
.select2-selection {
background-color: #fff;
border-color: #d9d8d9;
border-radius: 0;
height: 55px;
padding: 12px 14px;
}
body.woocommerce-page
main
.woocommerce
.form-row
.select2
.selection
.select2-selection
.select2-selection__rendered {
font-size: 16px;
font-weight: 300;
padding: 0;
}
body.woocommerce-page
main
.woocommerce
.form-row
.select2
.selection
.select2-selection
.select2-selection__arrow {
height: 100%;
}
body.woocommerce-page main .woocommerce .form-row textarea {
border-radius: 0;
height: 200px;
margin-bottom: 35px;
}
body.woocommerce-page main .woocommerce #econt_offices,
body.woocommerce-page main .woocommerce .selectize-control {
display: none;
}
body.woocommerce-page main .woocommerce .selectize-input {
background-color: #fff;
border-color: #d9d8d9;
border-radius: 0;
box-shadow: none;
font-size: 16px;
font-weight: 300;
height: 55px;
padding: 18px 14px;
}
body.woocommerce-page main .woocommerce .selectize-input input {
color: #7a7a7a;
font-size: 16px;
}
body.woocommerce-page main .woocommerce .selectize-input .item {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 93%;
}
body.woocommerce-page main .woocommerce .selectize-dropdown {
border: 1px solid #d9d8d9;
box-shadow: none;
}
body.woocommerce-page main .woocommerce #customer_login h2 {
display: block;
}
body.woocommerce-page main .woocommerce #customer_login form.login,
body.woocommerce-page main .woocommerce #customer_login form.register {
border: none;
margin-bottom: 0;
padding: 0;
}
body.woocommerce-page
main
.woocommerce
#customer_login
form.login
.woocommerce-privacy-policy-text,
body.woocommerce-page
main
.woocommerce
#customer_login
form.register
.woocommerce-privacy-policy-text {
margin-bottom: 20px;
padding: 0 10px;
}
body.woocommerce-page
main
.woocommerce
#customer_login
form.login
.signin_actions,
body.woocommerce-page
main
.woocommerce
#customer_login
form.register
.signin_actions {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 15px;
}
body.woocommerce-page main .woocommerce #customer_login .login_box {
background-color: #f7f7f7;
border: 1px solid #dadbd9;
border-radius: 15px;
margin-bottom: 20px;
padding: 20px 10px;
position: relative;
}
@media (min-width: 992px) {
body.woocommerce-page main .woocommerce #customer_login .login_box {
padding: 40px;
}
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box
.elementor-widget-button {
margin-bottom: 0;
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box.register_col:before {
background: url(//framatica.com/wp-content/themes/framatica/assets/images/layout/dots_decoration.svg) 50% no-repeat;
background-size: contain;
bottom: -33px;
content: "";
height: 400px;
opacity: 0.2;
position: absolute;
right: 0;
transform: translate(50%);
width: 400px;
z-index: -1;
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box.register_col
.woocommerce-password-strength {
border-radius: 100px;
margin-top: 10px;
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box.register_col
.button {
background-color: #102133;
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box.register_col
.button:hover {
background-color: #f8aa19;
}
body.woocommerce-page
main
.woocommerce
#customer_login
.login_box
label:not(.woocommerce-form-login__rememberme) {
display: none;
}
.witkid_features {
border-top: 1px solid #f9f9f9;
padding-top: 30px;
}
@media (min-width: 992px) {
.witkid_features {
padding-top: 42px;
}
}
.witkid_features li {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 23px;
}
@media (min-width: 640px) {
.witkid_features li {
align-content: flex-start;
justify-content: center;
text-align: center;
}
}
@media (min-width: 992px) {
.witkid_features li {
align-items: center;
justify-content: flex-start;
text-align: left;
}
}
.witkid_features li .ci {
align-items: center;
border-radius: 100%;
color: #fff;
display: flex;
font-size: 30px;
height: 60px;
justify-content: center;
line-height: 1;
margin-right: 15px;
text-align: center;
width: 60px;
}
@media (min-width: 640px) {
.witkid_features li .ci {
margin-bottom: 15px;
margin-right: 0;
}
}
@media (min-width: 992px) {
.witkid_features li .ci {
margin-bottom: 0;
margin-right: 20px;
}
}
.witkid_features li .ci.ci-truck-line {
background-color: #5d5fa7;
}
.witkid_features li .ci.ci-coins-fill {
background-color: #f4b51a;
}
.witkid_features li .ci.ci-heart-dot {
background-color: #ed4f65;
}
.witkid_features li .info {
color: #7a7a7a;
}
.witkid_features li .info strong {
color: #7a7a7a;
display: block;
font-size: 18px;
font-weight: 600;
}
.variations_form.loading .product_gallery.swiper .swiper-slide {
opacity: 0.7;
transition: opacity 0.3s ease;
}
.variations_form select {
cursor: pointer;
transition: all 0.2s ease;
}
.variations_form select.active,
.variations_form select:focus {
border-color: silver;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.variations_form select option:checked {
background-color: #f7f7f7;
font-weight: 700;
}
.variations_form .reset_variations {
font-size: 13px;
margin-left: 10px;
text-decoration: underline;
text-transform: none;
}
.variations_form .reset_variations:hover {
text-decoration: none;
}
.gallery_item.variation-image,
.thumb-item.variation-thumb {
position: relative;
}
.gallery_item.variation-image:before,
.thumb-item.variation-thumb:before {
border: 1px solid transparent;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: border-color 0.2s ease;
z-index: 2;
}
.gallery_item.variation-image:hover:before,
.thumb-item.variation-thumb:hover:before {
border-color: rgba(0, 0, 0, 0.1);
}
.product_gallery_thumbs.swiper .swiper-slide-thumb-active .thumb-item {
border: 2px solid #999;
}
.product_gallery_thumbs.swiper
.swiper-slide-thumb-active
.thumb-item.variation-thumb {
border-color: #666;
}