@font-face {
font-weight: 400;
font-display: swap;
font-style: normal;
font-family: 'Roboto';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-Regular.woff2) format('woff2');
}
@font-face {
font-weight: 400;
font-display: swap;
font-style: italic;
font-family: 'Roboto';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-Italic.woff2) format('woff2');
}
@font-face {
font-weight: 700;
font-display: swap;
font-style: normal;
font-family 'Roboto' {
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-Bold.woff2) format('woff2');
}
}
@font-face {
font-weight: 700;
font-display: swap;
font-style: italic;
font-family 'Roboto' {
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-BoldItalic.woff2) format('woff2');
}
}
@font-face {
font-weight: 500;
font-display: swap;
font-style: normal;
font-family: 'Roboto';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-Medium.woff2) format('woff2');
}
@font-face {
font-weight: 500;
font-display: swap;
font-style: italic;
font-family: 'Roboto';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto/Roboto-MediumItalic.woff2) format('woff2');
}
@font-face {
font-weight: 400;
font-display: swap;
font-style: normal;
font-family: 'Roboto Condensed';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto-condensed/RobotoCondensed-Regular.woff2) format('woff2');
}
@font-face {
font-weight: 500;
font-display: swap;
font-style: normal;
font-family: 'Roboto Condensed';
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto-condensed/RobotoCondensed-Medium.woff2) format('woff2');
}
@font-face {
font-weight: 700;
font-display: swap;
font-style: normal;
font-family 'Roboto Condensed' {
src: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/fonts/roboto-condensed/RobotoCondensed-Bold.woff2) format('woff2');
}
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex.no-wrap > .post {
width: 100%;
}
.nondisplayed {
display: none;
}
.more-link,
.bb-blog-home-newsletter .bb-tnp-submit,
.wpcf7-submit {
height: 30px !important;
color: #1b1c1d !important;
padding: 0 15px !important;
line-height: 29px !important;
border-radius: 4px !important;
border-color: #ffce33 !important;
background-color: #ffce33 !important;
}
.more-link:hover,
.bb-blog-home-newsletter .bb-tnp-submit:hover,
.wpcf7-submit:hover {
border-color: #f6bb00 !important;
background-color: #f6bb00 !important;
}
.text-placeholder {
width: 100%;
min-height: 1.428571428571429rem;
margin: 0 auto 0.714285714285714rem;
background-color: #eee;
}
.text-placeholder,
.text-placeholder span {
display: block;
}
.animated-background {
height: 1.428571428571429rem;
position: relative;
background: #e2e2e2;
animation-duration: 2s;
animation-fill-mode: forwards;
background-size: 21.428571428571427rem 1.714285714285714rem;
animation-timing-function: linear;
animation-name: placeHolderShimmer;
animation-iteration-count: infinite;
background: linear-gradient(to right, #eee 10%, #ddd 18%, #eee 33%);
}
button .text-placeholder {
background-color: #f6bb00;
}
button .text-placeholder .animated-background {
background: linear-gradient(to right, #ffce33 10%, #f6bb00 18%, #ffce33 33%);
}
@-moz-keyframes placeHolderShimmer {
0% {
background-position: -33.42857142857143rem 0;
}
100% {
background-position: 33.42857142857143rem 0;
}
}
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -33.42857142857143rem 0;
}
100% {
background-position: 33.42857142857143rem 0;
}
}
@-o-keyframes placeHolderShimmer {
0% {
background-position: -33.42857142857143rem 0;
}
100% {
background-position: 33.42857142857143rem 0;
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -33.42857142857143rem 0;
}
100% {
background-position: 33.42857142857143rem 0;
}
}
.grid {
display: grid;
}
.grid--full .grid__item {
width: 100%;
}
.grid__item {
position: relative;
}
@media (min-width: 48em) {
.grid--1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
body::after {
top: 0;
left: 0;
opacity: 0;
content: '';
width: 100%;
z-index: 101;
height: 100%;
display: block;
position: fixed;
overflow-y: auto;
visibility: hidden;
pointer-events: none;
transition: all 0.55s ease;
background-color: rgba(0,0,0,0.25);
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.menu--opened::after {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: all 0.55s ease;
}
.ui.dropdown .menu {
top: 100%;
margin: 0;
padding: 0;
z-index: 11;
cursor: auto;
outline: none;
display: none;
font-size: 1em;
background: #fff;
text-align: left;
text-shadow: none;
position: absolute;
min-width: max-content;
transition: opacity 0.1s ease;
will-change: transform, opacity;
border-radius: 0.28571429rem;
border: 1px solid rgba(34,36,38,0.15);
box-shadow: 0 2px 3px 0 #222406;
}
.ui.dropdown > .left.menu {
right: 0 !important;
left: auto !important;
}
.ui.grid {
padding: 0;
margin: -1rem;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column {
width: 100% !important;
}
.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
padding-left: 1rem;
position: relative;
width: 8.33333333%;
padding-right: 1rem;
vertical-align: top;
display: inline-block;
}
.ui.grid > .row > [class*="bottom aligned"].column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > [class*="bottom aligned"].row > .column,
.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column {
flex-direction: column;
vertical-align: bottom;
align-self: flex-end !important;
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.form textarea {
width: 100%;
vertical-align: top;
box-sizing: border-box;
}
.ui.grid.container {
width: 100%;
margin: 0 auto;
max-width: 102.85714285714286rem;
box-sizing: border-box;
}
@media (min-width: 90em) {
.ui.grid.container {
padding: 0 12px !important;
}
}
.ui.grid.container h3 {
margin: 0;
font-size: 22px !important;
font-family: 'Roboto Condensed', sans-serif;
}
.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
justify-content: center;
text-align: center;
}
.ui.button.icon.mini,
.ui.button.mini {
height: 30px;
display: flex;
font-size: 10px;
padding-left: 15px;
padding-right: 15px;
align-items: center;
justify-content: center;
}
.ui.button {
border-radius: 4px;
}
.ui.button.primary {
color: #1b1c1d;
background-color: #ffce33;
border: 1px solid #ffce33;
}
@media (min-width: 62em) {
.ui.button.primary:hover:not(.disabled) {
border: 1px solid #f6bb00;
background-color: #f6bb00 !important;
}
}
@media only screen and (min-width: 1920px) {
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer),
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer),
.ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
.ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
.ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
.ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
.ui[class*="mobile only"].grid.grid.grid:not(.computer),
.ui[class*="tablet only"].grid.grid.grid:not(.computer) {
display: none !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
.ui.column.grid > [class*="two wide large screen"].column,
.ui.grid > .column.row > [class*="two wide large screen"].column,
.ui.grid > .row > [class*="two wide large screen"].column,
.ui.grid > [class*="two wide large screen"].column {
width: 16.66666667% !important;
}
.ui.column.grid > [class*="eight wide large screen"].column,
.ui.grid > .column.row > [class*="eight wide large screen"].column,
.ui.grid > .row > [class*="eight wide large screen"].column,
.ui.grid > [class*="eight wide large screen"].column {
width: 66.66666667% !important;
}
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer),
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer),
.ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile),
.ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
.ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
.ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
.ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
.ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
.ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
.ui[class*="mobile only"].grid.grid.grid:not(.computer),
.ui[class*="tablet only"].grid.grid.grid:not(.computer),
.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important;
}
}
.ui.grid > .column:not(.row) {
padding-bottom: 1rem;
padding-top: 1rem;
}
.ui.menu:not(.vertical) .item {
display: flex;
align-items: center;
}
.ui.menu:not(.vertical) .item > .button {
top: 0;
margin: -0.5em 0;
position: relative;
box-sizing: border-box;
}
.ui.menu:not(.vertical) .item p.small {
font-weight: 700;
}
p.small {
font-size: 12px;
}
.ui.column.grid > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column {
width: 66.66666667% !important;
}
@media only screen and (min-width: 1200px) {
.ui.container {
width: 100%;
padding: 0 12px !important;
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media only screen and (min-width: 992px) {
.ui.column.grid > [class*="seven wide computer"].column,
.ui.grid > .column.row > [class*="seven wide computer"].column,
.ui.grid > .row > [class*="seven wide computer"].column,
.ui.grid > [class*="seven wide computer"].column {
width: 58.33333333% !important;
}
.ui.column.grid > [class*="five wide computer"].column,
.ui.grid > .column.row > [class*="five wide computer"].column,
.ui.grid > .row > [class*="five wide computer"].column,
.ui.grid > [class*="five wide computer"].column {
width: 41.66666667% !important;
}
.ui.column.grid > [class*="four wide computer"].column,
.ui.grid > .column.row > [class*="four wide computer"].column,
.ui.grid > .row > [class*="four wide computer"].column,
.ui.grid > [class*="four wide computer"].column {
width: 33.33333333% !important;
}
.ui.column.grid > [class*="three wide computer"].column,
.ui.grid > .column.row > [class*="three wide computer"].column,
.ui.grid > .row > [class*="three wide computer"].column,
.ui.grid > [class*="three wide computer"].column {
width: 25% !important;
box-sizing: border-box;
}
}
.ui.column.grid > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > .row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column {
width: 25% !important;
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
margin: 0;
outline: none;
font-size: 12px;
background: #fff;
color: rgba(0,0,0,0.87);
line-height: 1.21428571em;
padding: 0.67857143em 1em;
border-radius: 0.28571429rem;
font-family: Roboto, sans-serif;
border: 1px solid rgba(34,36,38,0.15);
box-shadow: inset 0 0 0 0 transparent;
tap-highlight-color: rgba(255,255,255,0);
transition: color 0.1s ease, border-color 0.1s ease;
}
.ui.dropdown > input:not(.search):first-child {
display: none !important;
}
.ui.search.selection.dropdown > input.search,
.ui.search.selection.dropdown > span.sizer {
line-height: 1.21428571em;
padding: 0.67857143em 2.1em 0.67857143em 1em;
}
.ui.search.dropdown > input.search {
top: 0;
left: 1px;
z-index: 2;
width: 100%;
cursor: text;
outline: none;
padding: inherit;
position: absolute;
border: none !important;
box-shadow: none !important;
background: none transparent !important;
-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.ui.menu .dropdown.item .menu {
margin: 0;
background: #fff;
min-width: calc(100% - 1px);
flex-direction: column !important;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08) !important;
border-radius: 0 0 0.28571429rem 0.28571429rem;
}
@media (max-width: 47.9375em) {
.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),
.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),
.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),
.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),
.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),
.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),
.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),
.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),
.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),
.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),
.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),
.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),
.ui[class*="computer only"].grid.grid.grid:not(.mobile),
.ui[class*="large screen only"].grid.grid.grid:not(.mobile),
.ui[class*="tablet only"].grid.grid.grid:not(.mobile),
.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important;
}
}
@media (min-width: 20em) and (max-width: 47.9375em) {
.ui.column.grid > [class*="twelve wide mobile"].column,
.ui.grid > .column.row > [class*="twelve wide mobile"].column,
.ui.grid > .row > [class*="twelve wide mobile"].column,
.ui.grid > [class*="twelve wide mobile"].column {
width: 100% !important;
}
}
.preheader {
margin: 0;
left: 50%;
right: 50%;
width: 100vw;
position: relative;
margin-left: -50vw;
margin-right: -50vw;
padding: 0 0.857142857142857rem;
background: #1b1c1d;
box-sizing: border-box;
}
.preheader p.small,
.preheader a.small {
font-size: 0.857142857142857rem;
line-height: 1.928571428571429rem;
}
.preheader .container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
box-sizing: border-box;
}
.preheader .container .left {
display: flex;
}
.preheader .container .left a {
color: #ffce33;
cursor: pointer;
padding: 0 1.785714285714286rem;
letter-spacing: normal;
text-transform: uppercase;
}
.preheader .container .left a:not(.active) {
border-right: 1px solid #fff;
}
.preheader .container .left a:not(.active):first-child {
border-left: 1px solid #fff;
}
.preheader .container .left a.active {
color: #000;
background: #fff;
}
.preheader .container .right {
display: flex;
margin-right: 0;
margin-left: auto;
align-items: center;
text-transform: initial;
}
.preheader .container .right p {
margin-bottom: 0;
color: rgba(255,255,255,0.6);
}
.preheader .container .right p:not(:first-of-type):before {
content: '|';
margin: 0.357142857142857rem;
}
.preheader .container .preheader-contact {
display: flex;
margin-left: 5px;
}
.preheader .container .preheader-contact a {
color: #fff;
display: flex;
align-items: center;
}
.preheader .container .preheader-contact a i {
margin-right: 5px;
}
.preheader .container .preheader-contact a:not(:first-of-type) {
margin-left: 1.428571428571429rem;
}
.preheader .phone,
.preheader .envelope {
width: 0.857142857142857rem;
margin-right: 0.357142857142857rem;
}
.preheader .phone {
height: 0.857142857142857rem !important;
}
.preheader .envelope {
height: 0.785714285714286rem !important;
}
.header--hide {
display: none !important;
}
.header--visible {
display: block !important;
}
.hide {
display: none !important;
}
.menu .toolbar-notify,
.menu .mobileToolbar-notify {
width: auto;
color: #fff;
font-weight: bold;
text-align: center;
position: absolute;
top: 10% !important;
left: 70% !important;
opacity: 1 !important;
border-radius: 2.857142857142857rem;
height: auto !important;
font-size: 0.642857142857143rem !important;
min-width: inherit !important;
border-color: #0096ff !important;
padding: 0.214285714285714rem 0.357142857142857rem !important;
background-color: #0096ff !important;
}
@media (min-width: 62em) {
.menu .toolbar-notify,
.menu .mobileToolbar-notify {
top: 28% !important;
left: 60% !important;
}
}
.menu .cart-notify {
width: auto;
height: auto;
color: #fff;
font-weight: bold;
top: 8% !important;
text-align: center;
left: 90% !important;
opacity: 1 !important;
border-radius: 2.857142857142857rem;
padding: 0.214285714285714rem 0.357142857142857rem !important;
background-color: #0096ff !important;
border-color: #0096ff !important;
}
@media (min-width: 62em) {
.menu .cart-notify {
top: 28% !important;
left: 105% !important;
}
}
.menu .shopping {
color: #1b1c1d;
opacity: 1 !important;
}
.menu .disabled {
opacity: 0.25 !important;
}
.menu .dropdown.icon {
width: 6px;
margin-top: 3px !important;
margin-left: 3px !important;
}
.menu .icon-lang {
width: 30px;
height: 20px;
}
@media (min-width: 62em) {
.menu .icon-lang {
width: 22px;
height: 21px;
}
}
.expresscart {
right: 0;
width: 100%;
top: 7.071428571428571rem;
}
@media (min-width: 75em) {
.expresscart {
right: 0;
top: 5.285714285714286rem;
width: 77.14285714285714rem;
position: absolute;
}
}
.header-desktop--corporate+.content {
padding-top: 90px;
}
@media (min-width: 62em) {
.header-desktop--corporate+.content {
padding-top: 7.214285714285714rem;
}
}
.header.header-desktop {
height: auto;
background-color: transparent !important;
}
.header-desktop {
left: 0;
width: 100%;
z-index: 102;
position: fixed;
}
.header-desktop--container {
box-sizing: border-box;
}
@media (max-width: 61.99875em) {
.header-desktop {
display: none;
}
}
.header-desktop .menu-background {
left: 0;
z-index: 0;
opacity: 0;
width: 100vw;
display: block;
height: 20.357142857142858rem;
background: #fff;
position: absolute;
transform: scaleY(0);
transform-origin: top;
transition: all 0.3s ease;
border-top: 1px solid #f1f2f3;
}
.header-desktop .menu-background-corporate {
top: 7.642857142857143rem;
}
.header-desktop .menu-background-shop {
top: 9.285714285714286rem;
}
.header-desktop .menu-background--visible {
opacity: 1;
transform: scaleY(1);
transition: all 0.3s ease;
}
.header-desktop .ui.menu {
z-index: 99 !important;
border: none;
display: flex;
flex-direction: column;
}
.header-desktop .ui.menu .menu-content {
display: flex;
flex-wrap: wrap;
position: relative;
flex-direction: row;
box-sizing: border-box;
}
@media (min-width: 62em) {
.header-desktop .ui.menu .menu-content {
padding: 0 1.714285714285714rem !important;
}
}
.header-desktop .ui.menu .menu-content > .left {
align-items: center;
}
.header-desktop .ui.menu .menu-content > .left.menu {
display: flex;
margin-right: auto;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages {
display: flex;
height: fit-content;
transform: scaleX(1);
margin-left: 0.714285714285714rem;
}
@media (min-width: 68.75em) {
.header-desktop .ui.menu .menu-content > .left .menu-pages {
margin-left: 5rem;
}
}
.header-desktop .ui.menu .menu-content > .left .menu-pages--hide {
width: 0;
margin-left: 0;
transform: scaleX(0);
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .input-search {
top: 11%;
left: 10%;
width: 65%;
z-index: 1;
background: #fff;
position: absolute;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary {
position: inherit;
padding: 0 0.357142857142857rem !important;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary > a {
display: block;
}
@media (min-width: 75em) {
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary {
padding: 0 0.714285714285714rem !important;
}
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary.m-nav__item--parent.has-child .menu-dropdown-primary--title {
padding-right: 1.142857142857143rem;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary.m-nav__item--parent.has-child .menu-dropdown-primary--title::before {
top: 50%;
right: 0;
content: '';
width: 0.714285714285714rem;
height: 0.5rem;
position: absolute;
transform: translateY(-50%);
background-size: 0.714285714285714rem 0.5rem;
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/ico-chevron-down.svg);
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary .menu-dropdown-primary--title {
color: #1b1c1d !important;
font-size: 14px;
margin-bottom: 0;
position: relative;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary .menu-dropdown-primary--title::after {
left: 50%;
content: '';
bottom: -24px;
transition: 0.3s;
position: absolute;
width: calc(100% + 10px);
border-bottom: 5px solid #ffce33;
transform: translateX(-50%) scaleX(0);
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary:hover {
background: transparent !important;
}
.header-desktop .ui.menu .menu-content > .left .menu-pages .menu-dropdown-primary:hover .menu-dropdown-primary--title::after {
transform: translateX(-50%) scaleX(1);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary {
top: 20px;
opacity: 0;
left: -60px;
width: 100vw;
display: flex;
min-width: 100vw;
position: absolute;
pointer-events: none;
padding: 37px 0 0 !important;
transform-origin: top;
flex-direction: column;
}
@media (min-width: 68.75em) {
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary {
left: -8.571428571428571rem;
}
}
@media (min-width: 90em) {
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary {
left: -10rem;
min-width: 102.85714285714286rem;
padding: 2.642857142857143rem 1.785714285714286rem 0 !important;
}
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary--visible {
opacity: 1;
pointer-events: auto;
transition: all 0.3s ease;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--title {
cursor: default;
padding-top: 3.571428571428572rem;
padding-bottom: 0.857142857142857rem;
color: rgba(27,28,29,0.6);
border-bottom: 2px solid #f1f2f3;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--column {
flex-direction: column !important;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container {
display: grid;
padding-top: 1.428571428571429rem;
max-width: 102.85714285714286rem;
margin: 0 !important;
flex-direction: column;
padding-bottom: 1.428571428571429rem;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .hidden {
visibility: hidden;
min-height: 3.285714285714286rem;
pointer-events: none;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .m-nav__item--child {
color: #1b1c1d;
display: block;
font-weight: 700;
padding: 5px 10px;
font-size: 1rem;
position: relative;
max-width: 21.428571428571427rem;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .m-nav__item--child > span {
position: relative;
display: inline-block;
padding-right: 1.071428571428571rem;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .m-nav__item--child > span::after {
right: 0;
top: 50%;
content: '';
width: 0.5rem;
height: 0.714285714285714rem;
font-weight: 700;
position: absolute;
transform: translateY(-50%);
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/ico-chevron-right.svg);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item {
z-index: 0;
display: flex;
position: relative;
flex-direction: column;
justify-content: unset;
align-items: self-start;
background: transparent !important;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .title {
display: flex;
align-items: center;
font-family: 'Roboto';
text-transform: initial;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .title--icon {
font-size: 0.857142857142857rem;
color: rgba(27,28,29,0.4);
margin-right: 8px !important;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .title a {
color: inherit;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .title .angle {
display: flex;
color: #ffce33;
font-size: 1.071428571428571rem;
align-items: center;
margin-top: 0.071428571428571rem !important;
margin-left: 0.214285714285714rem !important;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .description {
color: rgba(27,28,29,0.6);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .item .content {
width: 100%;
padding-left: 10px;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .single-item::before {
top: 0;
width: 0;
left: -5%;
z-index: 1;
content: '';
height: 100%;
position: absolute;
background: #ffce33;
transform: translateY(0%) scaleY(0);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .single-item::after {
top: 0;
left: -3%;
content: '';
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
transition: all 0.3s;
background: transparent;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .single-item:hover::before {
width: 7px;
transition: all 0.3s;
transform: translateY(0%) scaleY(1);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .single-item:hover::after {
transition: all 0.3s;
background: #f1f2f3;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .single-item:hover .title--icon {
color: #1b1c1d;
transition: all 0.3s;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .m-nav__item--subchildren {
color: #1b1c1d;
display: block;
font-size: 12px;
line-height: 20px;
transition: all 0.3s ease;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .m-nav__item--subchildren:hover {
color: #0090ff;
transition: all 0.3s ease;
text-decoration: underline;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item:hover .title .icon {
color: #ffce33;
transition: color 0.3s;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container {
width: 100%;
display: flex;
flex-wrap: wrap;
max-height: 6.071428571428571rem;
flex-direction: column;
justify-content: space-between;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description {
display: flex;
margin-bottom: 0.357142857142857rem;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description a {
color: rgba(27,28,29,0.6);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description p {
transition: text-decoration-color 300ms;
text-decoration: underline 0.15em rgba(255,255,255,0);
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description .chevron {
margin-left: 0.214285714285714rem !important;
margin-top: 0.357142857142857rem !important;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description:hover {
color: #1b1c1d;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description:hover a {
color: #1b1c1d;
transition: all 0.3s;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .multi-item .description--container .description:hover p {
transition: all 0.3s;
text-decoration-color: #1b1c1d;
}
.header-desktop .ui.menu .menu-content .menu-dropdown-secondary .menu-dropdown--container .eleven .description {
width: 37%;
}
.header-desktop .ui.menu .item::before {
content: inherit;
}
.header-desktop .ui.menu .logo-container {
display: flex;
align-items: center;
padding: 0.785714285714286rem 0 !important;
}
.header-desktop .ui.menu .logo-container .logo {
width: 48px;
height: 50px;
}
.header-desktop .ui.menu .right-menu {
display: flex;
margin-right: 0;
margin-left: auto;
align-items: center;
}
.header-desktop .ui.menu .right-menu p.small {
margin: 0;
}
.header-desktop .ui.menu .right .item {
height: 100%;
cursor: pointer;
position: relative;
box-shadow: none !important;
padding: 0 0.357142857142857rem !important;
background: #fff !important;
}
.header-desktop .ui.menu .right .search,
.header-desktop .ui.menu .right .shopping {
font-size: 1.071428571428571rem !important;
}
.header-desktop .ui.menu .right .search-icon {
cursor: pointer;
transition: all 0.3s ease 0s;
}
@media (min-width: 75em) {
.header-desktop .ui.menu .right .search-icon {
margin-right: 1.071428571428571rem;
}
}
.header-desktop .ui.menu .right .search-icon .search {
z-index: 1;
width: 1.142857142857143rem;
display: flex;
align-self: center;
}
.header-desktop .ui.menu .right .search-icon:hover .search {
color: #0090ff;
}
.header-desktop .ui.menu .right .login .button {
color: #1b1c1d;
transition: all 0.3s;
border: 1px solid #fff;
background: #fff !important;
}
.header-desktop .ui.menu .right .login:hover .button {
border-color: #b2b2b2;
background: rgba(0,0,0,0.3) !important;
}
.header-desktop .ui.menu .right .register .button .user {
height: auto !important;
font-size: 0.928571428571429rem !important;
margin-right: 0.357142857142857rem !important;
}
.header-desktop .ui.menu .right .expresscart-icon {
position: relative;
}
.header-desktop .ui.menu .account-dropdown .menu,
.header-desktop .ui.menu .languages-dropdown .menu {
opacity: 0;
border: none;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease;
display: block !important;
margin-top: 0.142857142857143rem !important;
}
.header-desktop .ui.menu .account-dropdown::after,
.header-desktop .ui.menu .languages-dropdown::after {
left: 50%;
z-index: 0;
content: '';
width: 100%;
bottom: -1px;
transition: 0.3s;
position: absolute;
border-bottom: 0.357142857142857rem solid #ffce33;
transform: translateX(-50%) scaleX(0);
}
.header-desktop .ui.menu .account-dropdown:hover,
.header-desktop .ui.menu .languages-dropdown:hover {
background: transparent !important;
}
.header-desktop .ui.menu .account-dropdown:hover:after,
.header-desktop .ui.menu .languages-dropdown:hover:after {
transform: translateX(-50%) scaleX(1);
}
.header-desktop .ui.menu .account-dropdown i.user.icon {
margin-right: 0.428571428571429rem !important;
}
.header-desktop .ui.menu .account-dropdown i.dropdown.icon {
margin-left: 0.214285714285714rem !important;
margin-top: 0.214285714285714rem !important;
}
.header-desktop .ui.menu .account-dropdown--content {
width: auto !important;
border: none;
border-radius: inherit;
margin-top: 0 !important;
}
.header-desktop .ui.menu .account-dropdown--content-item {
padding: 0.714285714285714rem 1.071428571428571rem !important;
}
.header-desktop .ui.menu .account-dropdown--content .item.user-info {
pointer-events: none;
display: flex !important;
color: $white !important;
background: #0090ff !important;
justify-content: space-between;
}
.header-desktop .ui.menu .account-dropdown--content .item.user-info .pack-info {
color: #1b1c1d;
border-radius: 4px;
background: #e5e5e5;
margin-left: 3.571428571428572rem;
padding: 0.142857142857143rem 0.5rem;
}
.header-desktop .ui.menu .account-dropdown--content .item.user-info .pack-info--b2b {
color: $white;
background: #ff7c54;
}
.header-desktop .ui.menu .account-dropdown--content .item.user-info .pack-info--ecommerce {
color: $white;
background: #ffae37;
}
.header-desktop .ui.menu .account-dropdown--content .item.user-info .pack-info--marketplaces {
color: $white;
background: #67b02c;
}
.header-desktop .ui.menu .account-dropdown--content a::before {
left: 0;
width: 0;
z-index: 1;
height: 100%;
position: absolute;
background: #ffce33;
content: '' !important;
display: block !important;
transform: translateY(0%) scaleY(0);
}
.header-desktop .ui.menu .account-dropdown--content a:hover {
background: #f1f2f3 !important;
}
.header-desktop .ui.menu .account-dropdown--content a:hover::before {
width: 0.5rem;
transition: all 0.3s;
transform: translateY(0%) scaleY(1);
}
.header-desktop .ui.menu .languages-dropdown p.small {
font-weight: 400;
}
.header-desktop .ui.menu .languages-dropdown i.dropdown.icon {
margin-top: 0.214285714285714rem !important;
margin-left: 0.214285714285714rem !important;
}
.header-desktop .ui.menu .languages-dropdown--content {
display: flex;
flex-wrap: wrap;
width: 23.571428571428573rem;
box-sizing: border-box;
flex-direction: row !important;
justify-content: space-between;
}
.header-desktop .ui.menu .languages-dropdown--content .item {
width: 50%;
color: #1b1c1d;
align-items: center;
box-sizing: border-box;
display: flex !important;
padding: 7px 15px !important;
}
.header-desktop .ui.menu .languages-dropdown--content .item .icon.icon-lang {
width: 16px;
}
.header-desktop .ui.menu .languages-dropdown--content .item::before {
left: 0;
width: 0;
z-index: 1;
content: '' !important;
height: 100%;
display: block !important;
position: absolute;
background: #ffce33;
transform: translateY(0%) scaleY(0);
}
.header-desktop .ui.menu .languages-dropdown--content .item:hover {
background: #f1f2f3 !important;
}
.header-desktop .ui.menu .languages-dropdown--content .item:hover::before {
width: 7px;
transition: all 0.3s;
transform: translateY(0%) scaleY(1);
}
.header-desktop .ui.menu .languages-dropdown--content .item p {
margin-left: 8px;
}
.header-desktop .ui.menu .languages-dropdown--visible .menu.left {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: all 0.3s ease;
}
.header-desktop .ui.menu .dimmable {
position: initial !important;
}
.header-desktop--corporate .border::after {
width: 0;
z-index: 0;
height: 2px;
content: '';
display: block;
visibility: visible;
transform: scaleX(0);
transition: all 0.3s;
}
.header-desktop--corporate .border--visible::after {
width: 100%;
display: block;
background: #ffce33;
transform: scaleX(1);
}
.header-desktop--corporate .ui.menu {
left: 50%;
right: 50%;
width: 100vw;
position: relative;
margin-left: -50vw;
margin-right: -50vw;
background-color: #fff;
box-shadow: 0 0 6px #828891;
}
.header-desktop--corporate .ui.menu .input-search-container {
width: 0;
display: none;
visibility: hidden;
padding-right: 0 !important;
transform-origin: right center;
transition: all 300ms ease-out;
}
.header-desktop--corporate .ui.menu .input-search-container .input-search {
width: 100%;
display: flex;
align-items: center;
transition: all 0.3s;
transform: scaleX(0);
transform-origin: right center;
transition: all 300ms ease-out;
}
.header-desktop--corporate .ui.menu .input-search-container .input-search #input-box {
border-color: #1b1c1d !important;
}
.header-desktop--corporate .ui.menu .input-search-container .input-search #input-box:focus {
border-color: #1b1c1d !important;
}
.header-desktop--corporate .ui.menu .input-search-container .close-search {
right: 0;
z-index: 1;
border: none;
width: 2.142857142857143rem;
height: 2.142857142857143rem;
cursor: pointer;
position: absolute;
background-color: transparent;
pointer-events: all !important;
}
.header-desktop--corporate .ui.menu .input-search-container .close-search::after {
top: 50%;
left: 50%;
content: '';
width: 0.714285714285714rem;
height: 0.714285714285714rem;
position: absolute;
transform: translate(-50%, -50%);
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/ico-cross.svg);
}
.header-desktop--shop .border::before {
width: 0;
z-index: 0;
content: '';
height: 2px;
display: block;
visibility: visible;
transform: scaleX(0);
transition: all 0.3s;
}
.header-desktop--shop .border--visible::before {
width: 100%;
display: block;
background: #ffce33;
transform: scaleX(1);
}
.header-desktop--shop .input-search-container {
width: 60%;
}
@above ($breakpointUpXl) {
width: 70%;
}
.header-desktop--shop .input-search-container .elasticsearch {
width: 100%;
}
.header-desktop--shop .input-search-container .elasticsearch .input-search-container {
width: 100%;
}
.header-desktop--shop .input-search-container .elasticsearch .input-search-container .input-search-desktop input {
border: 1px solid #828891;
}
.header-desktop--shop .input-search-container .elasticsearch .input-search-container .input-search-desktop input:focus {
border: 1px solid #828891;
}
.header-desktop--shop .input-search-container .elasticsearch .input-search-container .input-search-desktop i.icon.closebefore {
content: "\F002" !important;
}
.header-desktop--shop .input-search-container .elasticsearch .input-search-container .input-search-desktop .search-icon::before {
content: "\F00D" !important;
}
.header-desktop--shop .input-search-container .right {
margin-left: 0.714285714285714rem !important;
}
.header-desktop--shop .mainNav {
background: $white;
box-shadow: 0 0.071428571428571rem 0.142857142857143rem 0 #ebebec !important;
}
.header-desktop--shop .mainNav--hide {
opacity: 0;
visibility: hidden;
display: none !important;
transition: all 0.4s ease;
}
.header-desktop--shop .mainNav-content {
color: #1b1c1d;
}
.header-desktop--shop .mainNav-link {
box-shadow: none;
}
.header-desktop--shop .mainNav-link:hover {
color: #1b1c1d;
}
.header-desktop--shop .mainNav-item::after {
left: 0;
bottom: 0;
content: '';
height: 4px;
width: 100%;
border: none;
display: block;
transition: 0.3s;
background: #ffce33;
transform: scaleX(0);
}
.header-desktop--shop .mainNav-item:hover::after {
transform: scaleX(1);
}
.header-desktop--shop .mainNav-item .bigMenu {
margin-top: 4px;
}
.header-desktop--shop .mainNav-menu--backward {
box-shadow: none !important;
background: $white !important;
}
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
cursor: pointer;
color: rgba(0,0,0,0.95);
background: rgba(0,0,0,0.03);
}
.menu-category {
left: 0;
top: 32px;
z-index: 0;
position: absolute;
transform: scaleY(0);
transform-origin: top;
width: 100% !important;
display: flex !important;
padding-left: 0 !important;
height: calc(100vh - 132px);
transition: transform 0.2s ease;
}
.menu-category--visible {
padding: 0 !important;
transform: scaleY(1);
transition: transform 0.3s ease;
}
.menu-category .category-list {
width: 25%;
z-index: 0;
height: auto;
width: 25.357142857142858rem;
overflow: scroll;
background: #fff;
overflow-x: hidden;
padding-left: 1.785714285714286rem;
}
.menu-category .category-list .category-container {
display: flex;
color: #1b1c1d;
cursor: pointer;
position: relative;
justify-content: space-between;
padding: 0.714285714285714rem 1.785714285714286rem 0.714285714285714rem 0;
}
.menu-category .category-list .category-container::before {
top: 0;
width: 0;
z-index: 1;
content: '';
height: 100%;
left: -1.785714285714286rem;
position: absolute;
background: #ffce33;
transform: translateY(0) scaleY(0);
}
.menu-category .category-list .category-container::after {
top: 0;
left: 47%;
content: '';
z-index: -1;
width: 107%;
height: 100%;
position: absolute;
border-bottom: none;
transition: all 0.3s;
background: transparent;
}
.menu-category .category-list .category-container p i {
color: rgba(27,28,29,0.4);
margin-right: 10px !important;
}
.menu-category .category-list .category-container p strong {
overflow: hidden;
max-width: 10.857142857142858rem;
white-space: nowrap;
margin-right: 0.357142857142857rem;
text-overflow: ellipsis;
}
@media (min-width: 75em) {
.menu-category .category-list .category-container p strong {
max-width: 14.285714285714286rem;
}
}
@media (min-width: 90em) {
.menu-category .category-list .category-container p strong {
max-width: 18.214285714285715rem;
}
}
.menu-category .category-list .category--hover .category-container {
color: #1b1c1d;
transition: all 0.3s;
background: transparent !important;
}
.menu-category .category-list .category--hover .category-container::before {
width: 7px;
transition: all 0.3s;
transform: translateY(0%) scaleY(1);
}
.menu-category .category-list .category--hover .category-container::after {
background: #f1f2f3;
transition: all 0.3s;
transform: translateX(-50%) scaleX(1);
}
.menu-category .category-list .category--hover .category-container p i {
color: #1b1c1d;
transition: all 0.3s;
}
.menu-category .category-list .category--opacity {
opacity: 0.4;
transition: opacity 0.3s ease;
}
.menu-category .category-child-list-container .category-child {
top: 0;
width: 75%;
height: 100%;
left: 25.357142857142858rem;
display: block;
background: #fff;
position: absolute;
transform: scaleX(0);
transform-origin: left;
border-left: 2px solid #f1f2f3;
}
.menu-category .category-child-list-container .category-child--visible {
transform: scaleX(1);
}
.menu-category .category-child-list-container .category-child-title {
padding: 10px 0;
color: rgba(27,28,29,0.5);
text-transform: uppercase;
border-bottom: 1px solid #f1f2f3;
}
.menu-category .category-child-list-container .category-child-list {
width: 100%;
display: flex;
}
.menu-category .category-child-list-container .category-child-list .category-child-container {
width: 100%;
height: calc(100vh - 132px);
padding: 0 25px;
z-index: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.menu-category .category-child-list-container .category-grand-child-list {
width: 33%;
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child {
padding: 10px 0;
cursor: pointer;
position: relative;
min-width: 24.285714285714285rem;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child::before {
top: 0;
width: 0;
z-index: 1;
content: '';
height: 100%;
left: -1.785714285714286rem;
position: absolute;
background: #ffce33;
transform: translateY(0) scaleY(0);
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child::after {
top: 0;
content: '';
z-index: -1;
width: 100%;
left: -6.5%;
height: 100%;
position: absolute;
transition: all 0.3s;
background: transparent;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child:hover::before {
width: 0.5rem;
transition: all 0.3s;
transform: translateY(0%) scaleY(1);
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child:hover::after {
transition: all 0.3s;
background: #f1f2f3;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child a {
color: inherit;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child a p {
display: flex;
align-items: center;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child a p strong {
overflow: hidden;
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
}
.menu-category .category-child-list-container .category-grand-child-list .category-grand-child a p i {
color: #ffce33;
margin-left: 4px !important;
margin-top: -3px !important;
}
.menu-category .category-child-list-container .category-image {
right: 0;
z-index: -1;
bottom: 12px;
position: absolute;
}
.menu-category .category-child-list-container .category-image i {
font-size: 15em;
color: #f1f2f3;
}
.menu-tags {
position: relative;
background: #f1f2f3;
transition: border-bottom-color 0.3s ease;
}
.menu-tags--blur::after {
left: 0;
top: 2px;
opacity: 0;
z-index: 3;
content: '';
width: 100%;
height: 31px;
display: block;
position: absolute;
pointer-events: none;
background: rgba(0,0,0,0.25);
animation: show 0.8s ease-in-out 0.1s both;
}
.menu-tags--container {
opacity: 1;
z-index: 1;
display: flex !important;
position: relative;
flex-direction: row !important;
visibility: visible;
}
.menu-tags--container a {
padding: 8px 0;
position: relative;
}
.menu-tags--container a::after {
left: 50%;
width: 100%;
}
.menu-tags--container .toggle-category-menu {
padding: 8px 10px 0 0;
}
.menu-tags--container .toggle-category-menu p {
display: flex;
align-items: center;
}
.menu-tags--container .toggle-category-menu::after {
left: 4%;
width: 8%;
}
.menu-tags--container a,
.menu-tags--container .toggle-category-menu {
color: #1b1c1d;
cursor: pointer;
}
.menu-tags--container a::after,
.menu-tags--container .toggle-category-menu::after {
bottom: 0;
content: "";
transition: 0.3s;
position: absolute;
border-bottom: 5px solid #ffce33;
transform: translateX(-50%) scaleX(0);
}
.menu-tags--container a:hover,
.menu-tags--container .toggle-category-menu:hover {
background: transparent !important;
}
.menu-tags--container a:hover::after,
.menu-tags--container .toggle-category-menu:hover::after {
transform: translateX(-50%) scaleX(1);
}
.menu-tags--content {
width: 100%;
display: flex;
padding-left: 15px;
scrollbar-width: none;
justify-content: space-between;
}
@media (max-width: 74.99875em) {
.menu-tags--content {
overflow-x: scroll;
overflow-y: hidden !important;
}
}
.menu-tags--content-webkit-scrollbar {
display: none;
-webkit-appearance: none;
}
.menu-tags--content a {
margin-top: -1px;
padding: 8px 10px;
white-space: nowrap;
}
.menu-tags--hide {
opacity: 0;
visibility: hidden;
transition: all 0.3s;
display: none !important;
}
.toolbar-languages {
display: none;
}
.toolbar-search {
width: 100%;
height: 30px;
padding: 10px !important;
border: 1px solid #1b1c1d;
border-radius: 4px !important;
}
p:last-child {
margin-bottom: 0;
}
@media (max-width: 74.9375em) {
.preheader .container .left a {
padding: 0 0.714285714285714rem;
}
}
.scroll--locked {
overflow: hidden !important;
}
.ui.menu.fixed {
margin: 0;
width: 100%;
z-index: 101;
position: fixed;
}
.ui.fixed.menu,
.ui[class*="top fixed"].menu {
top: 0;
left: 0;
right: auto;
bottom: auto;
}
.ui[class*="bottom fixed"].menu {
left: 0;
right: 0;
top: auto;
bottom: 0;
margin-bottom: 0 !important;
}
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
display: flex;
margin-left: auto !important;
}
.ui.right.sidebar {
left: auto !important;
right: 0 !important;
transform: translate3d(100%, 0, 0);
}
.ui.sidebar {
top: 0;
left: 0;
z-index: 102;
position: fixed !important;
max-height: 100%;
visibility: hidden;
margin: 0 !important;
height: 100% !important;
will-change: transform;
transform: translateZ(0);
border-radius: 0 !important;
overflow-y: auto !important;
transition: transform 0.5s ease;
}
.ui.sidebar.animating {
visibility: visible !important;
}
.ui.visible.bottom.sidebar,
.ui.visible.left.sidebar,
.ui.visible.right.sidebar,
.ui.visible.top.sidebar {
transform: translateZ(0);
}
.visible {
visibility: visible !important;
}
.ui.visible.overlay.sidebar~.fixed,
.ui.visible.overlay.sidebar~.pusher {
transform: none !important;
}
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
transition: transform 0.5s ease;
}
.sidebar {
background-color: #fff;
}
.header-mobile {
width: 100%;
z-index: 101;
}
@media (min-width: 62em) {
.header-mobile {
display: none;
}
}
.header-mobile .toolbar-search {
order: 1;
font-size: 0;
flex-grow: 2;
margin-top: 1rem;
margin-right: 1px;
position: relative;
padding-right: 1rem;
}
.header-mobile .grid {
height: fit-content;
}
.header-mobile .logo {
width: 60px;
height: 60px;
margin-top: -7px;
margin-bottom: -7px;
}
.header-mobile .ui.primary.menu {
display: flex;
align-items: center;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(34,36,38,0.25);
padding: 10px 20px !important;
}
.header-mobile .ui.primary.menu .item {
box-sizing: border-box;
padding: 10px !important;
max-height: 40px !important;
}
.header-mobile .ui.primary.menu .item:first-child {
padding-left: 0 !important;
}
.header-mobile .ui.primary.menu .item:last-child {
padding-right: 0 !important;
}
.header-mobile .ui.primary.menu .item::before {
content: inherit !important;
}
.header-mobile .ui.primary.menu .item:hover {
background: none !important;
}
.header-mobile .ui.primary.menu .item .icon {
margin: 0 !important;
color: #1b1c1d !important;
}
.header-mobile .ui.primary.menu .item .search-results__footer .button .icon {
color: #fff !important;
}
.header-mobile .ui.primary.menu .item.search img {
width: 20px;
}
.header-mobile .ui.primary.menu .item.active {
background: #ffce33;
padding: 10px 15px !important;
}
.header-mobile .ui.primary.menu .item.active img {
width: 25px;
}
.header-mobile .ui.primary.menu .item.languages-toggle img {
width: 25px;
}
.header-mobile .ui.primary.menu .item.menu-toggle .icon {
font-size: 34px;
}
.search-container {
display: none;
padding-left: 30px;
width: calc(100% - 40px);
}
.search-container input[type=text] {
width: 100%;
margin-top: 0;
}
.search-container .close-search {
z-index: 1;
right: 25px;
width: 30px;
height: 30px;
border: none;
position: absolute;
top: calc(50% + 2px);
transform: translateY(-50%);
background-color: transparent;
}
.search-container .close-search::after {
top: 50%;
left: 50%;
content: '';
width: 10px;
height: 10px;
position: absolute;
transform: translate(-50%, -50%);
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/ico-cross.svg);
}
.search-container.search-opened {
display: block;
}
@media (max-width: 61.9375em) {
.header-mobile .right.menu.hidden--mobile {
display: none !important;
}
}
.sidebar {
flex-direction: column;
width: 85% !important;
background-color: $white !important;
}
.sidebar .left {
display: flex;
align-items: center;
justify-content: start;
}
.sidebar .left p {
margin-left: 10px;
}
.sidebar-header {
align-items: center;
margin: 0 !important;
display: flex !important;
padding: 10px 20px !important;
justify-content: space-between;
background: #f1f2f3 !important;
}
.sidebar-header .circular {
animation: none !important;
transform: inherit !important;
}
.sidebar-header .icon {
width: 22px;
}
.sidebar-header .close {
width: 15px;
}
.sidebar-header .left {
display: flex;
align-items: center;
}
.sidebar-header .text {
color: #000;
margin-top: 2px;
margin-left: 5px;
margin-bottom: 0;
}
.sidebar-header.light {
background: $white !important;
}
.sidebar-body {
height: 100%;
overflow: auto;
}
.sidebar-body-header {
color: #1b1c1d;
position: relative;
align-items: center;
display: flex !important;
padding: 15px 20px 15px 50px !important;
border-bottom: 1px solid #f1f2f3;
}
.sidebar-body-header::before {
top: 50%;
left: 17px;
content: '';
width: 25px;
opacity: 0.5;
height: 25px;
position: absolute;
margin-top: -12.5px;
transform: scaleX(-1);
background-size: cover;
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/arrow-right.svg);
}
.sidebar-body-header .text {
width: 100%;
padding: 0 5px;
font-size: 16px;
font-weight: 700;
overflow: hidden;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
justify-content: center;
text-transform: uppercase;
}
.sidebar-body-header span {
margin-right: 5px;
}
.sidebar-body-header strong {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sidebar-body .item {
color: #1b1c1d;
margin: 0 !important;
padding: 20px !important;
}
.sidebar-body .item:last-of-type {
padding-bottom: 30px;
}
.sidebar-body .item .icon {
text-align: right;
color: rgba(27,28,29,0.6);
font-size: 20px !important;
}
.sidebar-footer {
margin: 0 !important;
color: #000;
padding: 10px 20px !important;
background: #f1f2f3 !important;
}
.sidebar-footer .left {
padding-left: 20px;
}
.sidebar-footer p {
text-align: left;
}
.sidebar.languages--sidebar .item {
display: block;
}
.sidebar.languages--sidebar .item img {
width: 16px;
}
.sidebar.languages--sidebar .item p {
color: #000;
font-size: 16px;
}
.sidebar.category .sidebar-body {
height: 94vh;
}
.ui.sidebar {
overflow-y: inherit !important;
}
.ui.sidebar .item:before {
content: inherit !important;
}
.ui.sidebar .sidebar-body-small {
height: 100vh;
overflow: auto;
}
.ui.sidebar .item {
padding: 10px 15px !important;
}
.ui.sidebar .item.active::before {
width: 7px;
height: 100%;
background: #ffce33;
content: '' !important;
display: block !important;
}
.ui.sidebar .m-nav__item {
position: relative;
}
.ui.sidebar .m-nav__item p.small {
font-size: 16px;
}
.ui.sidebar .m-nav__item.has-child::after {
top: 50%;
right: 17px;
content: '';
width: 25px;
opacity: 0.5;
height: 25px;
position: absolute;
background-size: cover;
transform: translateY(-50%);
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/arrow-right.svg);
}
.ui.sidebar .sidebar-body .item {
display: flex;
justify-content: space-between;
}
.ui.sidebar .sidebar-body .item a {
display: flex;
max-width: 95%;
align-items: center;
color: #1b1c1d !important;
}
.ui.sidebar .sidebar-body .item i {
color: rgba(27,28,29,0.4);
margin-right: 10px !important;
}
.ui.sidebar .sidebar-body .item span {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ui.sidebar .sidebar-body .item:last-child {
margin-bottom: 100px !important;
}
.ui.sidebar.principal {
z-index: 102 !important;
}
.ui.sidebar.secondary,
.ui.sidebar.tertiary,
.ui.sidebar.quaternary {
top: 51px !important;
z-index: 103 !important;
box-shadow: none !important;
height: calc(100% - 79px) !important;
}
.ui.sidebar.secondary .item,
.ui.sidebar.tertiary .item,
.ui.sidebar.quaternary .item {
color: #1b1c1d;
}
.ui.sidebar.tertiary {
z-index: 104 !important;
}
.ui.sidebar.quaternary {
z-index: 105 !important;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body {
scroll-behavior: smooth;
}
body {
font-family: 'Roboto', sans-serif;
}
.post_content > .elementor,
[class*="type-cpt_"] > [class*="_page_content"] > .elementor {
margin-left: 0;
margin-right: 0;
}
.page_content_wrap {
padding-top: 9.4rem;
}
@media (min-width: 62em) {
.remove_margins .page_content_wrap {
padding-top: 100px !important;
}
}
@media (max-width: 61.9375em) {
.remove_margins .page_content_wrap {
padding-top: 89px !important;
}
}
.sc_widget_categories_list .categories_list_style_1 .categories_list_image + .categories_list_title_wrapper {
text-align: left;
}
.dcjq-accordion {
padding: 1.428571428571429rem;
background-color: #f2f2f2;
}
.widget .dcjq-accordion ul > li::before {
background-color: transparent;
}
.dcjq-accordion .dcjq-parent .dcjq-icon {
top: 0.285714285714286rem;
left: -2rem;
width: 1.714285714285714rem;
height: 1.714285714285714rem;
position: absolute;
background-size: 1.714285714285714rem 1.714285714285714rem;
background-image: url(//www.bigbuy.eu/blog/wp-content/themes/bb-blog/assets/images/arrow-right.svg);
}
.dcjq-accordion .dcjq-parent.active .dcjq-icon {
transform: rotate(90deg);
}
.dcjq-accordion .menu > li > a,
.dcjq-accordion .menu > li > .sub-menu > li > a {
font-weight: 400;
}
.dcjq-accordion li {
font-size: 1rem;
margin-bottom: 10px;
}
.dcjq-accordion .submenu {
margin-top: 10px;
}
.bellows {
padding: 1.428571428571429rem;
background-color: transparent;
}
.widget .bellows ul > li::before {
background-color: transparent;
}
.bellows .bellows-nav {
padding-left: 1.428571428571429rem;
}
.bellows .bellows-nav .bellows-target {
margin-bottom: 0.714285714285714rem;
padding: 0.571428571428571rem 0.714285714285714rem !important;
}
.bellows .bellows-submenu {
padding-left: 1.071428571428571rem !important;
}
.bellows .bellows-subtoggle {
top: -0.214285714285714rem !important;
right: auto;
left: -3.571428571428572rem;
}
.bellows-menu-item {
padding: 1rem 0.714285714285714rem;
}
.bellows .menu > li > a,
.bellows .menu > li > .sub-menu > li > a {
font-weight: 400;
}
.bellows li {
font-size: 1rem;
}
.bellows-submenu {
padding-left: 1.071428571428571rem;
}
.block__icon-text {
grid-gap: 0.714285714285714rem;
align-items: center;
}
.block__icon-text img {
width: 5.357142857142857rem;
}
.block__icon-text h3,
.block__icon-text p {
margin: 0;
}
.block__icon-text h3 {
font-size: 1.285714285714286rem;
line-height: 1.428571428571429rem;
}
.block__icon-text p {
font-size: 1rem;
line-height: 1.142857142857143rem;
}
.form-submit .sc_button {
color: #000 !important;
border: none !important;
background-color: #ffce33 !important;
}
.trx_addons_scroll_to_top,
.trx_addons_cv .trx_addons_scroll_to_top {
background-color: #ffce33 !important;
}
.post_info_vertical_share .socials_wrap:not(.socials_type_list) .social_item .social_icon:hover,
.post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon:hover {
color: #000 !important;
background-color: #ffce33 !important;
border-color: #ffce33 !important;
}
.post_footer .post_meta {
width: 100%;
}
.post_footer .post_meta .post_meta_item {
margin-left: auto;
}
.sc_widget_categories_list .categories_list_style_1 .categories_list_item {
text-align: left;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-style: normal;
}
.post-template-default.single .page_content_wrap,
.archive.category .page_content_wrap {
padding-top: 130px;
}
@media (max-width: 47.9375em) {
.post-template-default.single .page_content_wrap,
.archive.category .page_content_wrap {
padding-top: 90px;
}
}
.archive.category .content_wrap {
display: grid;
grid-gap: 50px;
grid-template-columns: var(--theme-var-content) 290px;
}
.fixed_blocks_sticky .sidebar {
top: 110px !important;
}
form {
width: 100%;
}
.elementor-icon svg {
width: 100px;
height: auto;
display: inline-block;
}
.elementor-icon-box-icon {
margin-bottom: 0 !important;
}
.elementor-icon-box-wrapper h5 {
margin: 0 !important;
}
.post_layout_excerpt > .post_header .post_categories a:hover {
color: #1b1c1d !important;
background-color: #ffce33 !important;
}
.sidebar:not(.sidebar_float) .sidebar_inner,
.sidebar:not(.sidebar_float)[class*="scheme_"] .sidebar_inner {
background-color: transparent;
border-left: 2px solid #f1f2f3;
}
.sidebar:not(.sidebar_float) .sidebar_inner .dcjq-accordion,
.sidebar:not(.sidebar_float)[class*="scheme_"] .sidebar_inner .dcjq-accordion {
background-color: transparent;
}
.sidebar.widget_area {
width: auto !important;
background-color: transparent;
}
.sidebar.widget_area ul.menu,
.sidebar.widget_area ul.bellows-nav {
width: 250px;
}
.sidebar.widget_area ul.menu a,
.sidebar.widget_area ul.bellows-nav a {
display: block;
padding: 2px 10px;
border-radius: 4px;
background-color: transparent;
transition: background 250ms linear;
}
.sidebar.widget_area ul.menu a.active:not(.dcjq-parent),
.sidebar.widget_area ul.bellows-nav a.active:not(.dcjq-parent),
.sidebar.widget_area ul.menu a:hover,
.sidebar.widget_area ul.bellows-nav a:hover {
color: #0090ff;
background-color: #f1f2f3;
}
.sidebar.widget_area ul.menu a.active:not(.dcjq-parent),
.sidebar.widget_area ul.bellows-nav a.active:not(.dcjq-parent) {
font-weight: 700;
}
.sidebar.widget_area ul.menu a:hover,
.sidebar.widget_area ul.bellows-nav a:hover {
transition: background 250ms ease-in-out;
}
.sidebar.widget_area ul.menu .bellows-current-menu-item:not(.bellows-current-menu-parent) a,
.sidebar.widget_area ul.bellows-nav .bellows-current-menu-item:not(.bellows-current-menu-parent) a {
font-weight: 700;
color: #0090ff;
background-color: #f1f2f3;
}
.single__progress-bar {
top: 0;
left: 0;
opacity: 0;
width: 100%;
z-index: 500;
height: 66px;
position: fixed;
background-color: #fff;
box-shadow: 0 0 6px #828891;
transition: transform 100ms linear;
transform: translateY(calc(-100% - 4px));
}
.single__progress-bar.fixed {
opacity: 1;
transform: translateY(0);
}
.single__progress-bar .progress-bar__content {
height: 100%;
display: flex;
padding: 10px 15px;
align-items: center;
}
.single__progress-bar .progress-bar__content h3 {
margin: 0;
font-size: 1.142857142857143rem;
}
.single__progress-bar .logo-container {
flex: none;
width: 40px;
margin-right: 20px;
}
.single__progress-bar .progress-bar__meta {
height: 100%;
margin-top: 0;
display: flex;
margin-right: 0;
margin-left: auto;
position: relative;
align-items: center;
}
.single__progress-bar .social-items__toggle {
border: none;
font-size: 14px;
cursor: pointer;
font-family: 'Roboto';
text-transform: uppercase;
background-color: transparent;
transition: color 250ms linear;
}
.single__progress-bar .social-items__toggle::before {
font-size: 16px;
content: '\E9CE';
margin-right: 0.7em;
font-family: 'fontello';
}
.single__progress-bar .social-items__toggle:hover {
color: #0072ca;
}
.single__progress-bar .social-items {
opacity: 0;
width: 100%;
z-index: 100;
padding: 15px;
border-radius: 4px;
visibility: hidden;
position: absolute;
top: calc(100% + 20px);
background-color: #fff;
transform: translateY(-10px);
transition: all 250ms ease-in-out;
}
.single__progress-bar .social-items.shown {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: all 250ms ease-in-out;
}
.single__progress-bar .social-items [class^="icon-"] {
font-size: 16px;
margin-right: 0.55em;
}
.single__progress-bar .social-items a,
.single__progress-bar .social-items button {
color: #1b1c1d;
display: block;
font-size: 12px;
transition: color 250ms linear;
}
.single__progress-bar .social-items a:hover,
.single__progress-bar .social-items button:hover {
color: #0072ca;
}
.single__progress-bar .social-items button {
padding: 0;
width: 100%;
border: none;
cursor: pointer;
text-align: left;
position: relative;
background-color: transparent;
}
.single__progress-bar .social-items button.copied::before {
left: 50%;
bottom: 100%;
color: #fff;
padding: 0 8px;
border-radius: 3px;
position: absolute;
content: attr(data-pop);
background-color: #1b1c1d;
text-transform: uppercase;
transform: translateX(-50%);
}
.single__progress-bar .social-items button.copied::after {
top: 0;
width: 0;
height: 0;
left: 50%;
content: '';
position: absolute;
border-style: solid;
transform: translateX(-50%);
border-width: 6px 6px 0 6px;
border-color: #1b1c1d transparent transparent transparent;
}
.progress-bar {
height: 4px;
width: 100%;
position: relative;
background-color: #e5e5e5;
}
.progress-bar span {
top: 0;
left: 0;
width: 0;
height: 100%;
position: absolute;
background-color: #1b1c1d;
}
.post_header .post_meta .post_meta_item a[rel~="category"] {
color: #fff;
padding: 1px 8px;
border-radius: 10px;
display: inline-block;
transition: all 0.3s ease;
background-color: #121418;
}
.post_header .post_meta .post_meta_item a[rel~="category"]:hover {
color: #1b1c1d;
background-color: #ffce33;
}
@media (min-width: 62em) {
.column.mobile.only {
display: none !important;
}
}
@media (max-width: 61.9375em) {
.column.desktop.only {
display: none !important;
}
.single__progress-bar .progress-bar__content h3 {
max-width: 450px;
overflow: hidden;
padding-right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
}
}
@media (max-width: 47.9375em) {
.social-items__toggle::before {
margin-right: 0 !important;
}
.social-items__toggle > span {
display: none;
}
}
.sc_blogger_item_list.sc_blogger_item_list_simple:not(.sc_blogger_item_with_numbers).sc_blogger_item_align_none .sc_blogger_item_meta + .sc_blogger_item_title:before,
.sc_blogger_item_list.sc_blogger_item_list_simple:not(.sc_blogger_item_with_numbers).sc_blogger_item_align_left .sc_blogger_item_meta + .sc_blogger_item_title:before,
.sc_blogger_item_list.sc_blogger_item_list_simple:not(.sc_blogger_item_with_numbers).sc_blogger_item_align_right .sc_blogger_item_meta + .sc_blogger_item_title:before {
display: none !important;
}
.sc_blogger_item_list.sc_blogger_item_list_simple:not(.sc_blogger_item_with_numbers).sc_blogger_item_align_none,
.sc_blogger_item_list.sc_blogger_item_list_simple:not(.sc_blogger_item_with_numbers).sc_blogger_item_align_left {
padding-left: 0 !important;
}
.category_page {
align-items: flex-start !important;
margin-bottom: 3.571428571428572rem;
padding-bottom: 1.428571428571429rem;
border-bottom-width: 0.071428571428571rem;
border-bottom-style: double;
border-bottom-color: #e5e5e5;
}
.category_page .category_title {
margin-bottom: 0;
font-size: 2.857142857142857rem;
line-height: 2.857142857142857rem;
}
.bb-blog-home-newsletter .fieldset input[type=email] {
width: 100%;
}
.bb-blog-home-newsletter .fieldset label {
display: block;
font-weight: 700;
margin-bottom: 0.714285714285714rem;
color: var(--theme-color-text_dark);
}
.bb-blog-home-newsletter .fieldset__checkbox label span {
font-weight: 400;
}
.bb-blog-home-newsletter .bb-tnp-submit {
width: 100%;
}
.fieldset {
margin: 0;
padding: 0;
border: none;
}
.fieldset input[type=text],
.fieldset input[type=email] {
border-radius: 0.285714285714286rem;
padding: 0.357142857142857rem 1.071428571428571rem;
}
.fieldset--mail {
margin-bottom: 0.714285714285714rem;
}
.fieldset--mail label {
font-size: 1.142857142857143rem;
line-height: 1.285714285714286rem;
margin-bottom: 0.714285714285714rem;
}
.wpcf7-list-item label {
margin-bottom: 0;
}
.shortcodes-ultimate {
padding-left: 1.428571428571429rem;
padding-bottom: 0.714285714285714rem;
}
.shortcodes-ultimate .wpcf7-submit {
width: 100%;
}
.post_info_vertical_content p {
font-size: 15px;
line-height: 20px;
}
.elementor-widget-container .sidebar {
width: 100% !important;
}
.elementor-widget-container .sidebar .widget_title {
margin-bottom: 0 !important;
}
.newsletter-title h3 {
text-align: center;
text-transform: uppercase;
font-size: 1.285714285714286rem !important;
margin-bottom: 0.714285714285714rem !important;
}
.newsletter-btn {
display: block;
font-size: 13px;
font-weight: 700;
text-align: center;
letter-spacing: 0.12em;
width: 100% !important;
text-transform: uppercase;
padding-top: 6px !important;
padding-bottom: 6px !important;
line-height: 1.285714285714286rem !important;
}
.newsletter-widget-full .wpcf7-submit {
width: 100%;
}
.fixed_blocks_sticky .sidebar {
align-self: start;
}
.lwptoc .lwptoc_i {
width: 100%;
}
.post_footer {
display: flex;
flex-direction: column;
}
.post_footer .author {
order: 1;
}
.post_footer .post_meta {
order: 2;
}
.post_footer .nav-links-single {
order: 3;
}
.blog_mode_post .post_content blockquote,
.blog_mode_page .post_content blockquote {
padding: 1.428571428571429rem;
background-color: #f0f8ff;
}
.blog_mode_post .post_content blockquote p,
.blog_mode_page .post_content blockquote p {
font-size: 1.142857142857143rem;
}
.blog_mode_post .post_content blockquote::before,
.blog_mode_page .post_content blockquote::before {
display: none;
}
.mgbutton {
padding: 0.428571428571429rem 1.428571428571429rem !important;
}
.mgbutton,
.moove-gdpr-tab-nav {
color: #000 !important;
font-weight: 700 !important;
border-radius: 0.285714285714286rem !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,
.gdpr-icon.moovegdpr-arrow-close:after,
.gdpr-icon.moovegdpr-arrow-close:before,
i.moovegdpr-arrow-close.moovegdpr-arrow-close:after,
i.moovegdpr-arrow-close.moovegdpr-arrow-close:before {
background-color: #000 !important;
}
.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn {
background-color: #fff !important;
}
.footer {
display: flex;
flex-direction: column;
background-color: #fff;
}
.footer__newsletter {
order: 1;
padding: 2.142857142857143rem 1.428571428571429rem;
background-color: #ffce33;
}
.footer__newsletter__content {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 60rem;
}
.footer__newsletter h3 {
font-size: 22px;
text-align: center;
margin: 0 0 1.071428571428571rem;
font-family: 'Roboto Condensed', sans-serif;
}
.footer__newsletter-logo {
width: 150px;
bottom: -2.142857142857143rem;
position: absolute;
right: calc(100% + 1.428571428571429rem);
}
.footer__newsletter .tnp-subscription {
margin: 0;
max-width: 100%;
}
.footer__newsletter .tnp-subscription form {
display: grid;
}
@media (min-width: 36.25em) {
.footer__newsletter .tnp-subscription form {
grid-gap: 0.714285714285714rem 2.142857142857143rem;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 36.1875em) {
.footer__newsletter .tnp-subscription form {
grid-gap: 1.071428571428571rem;
}
}
.footer__newsletter .tnp-subscription div.tnp-field {
margin-bottom: 0;
}
.footer__newsletter .tnp-subscription .tnp-field-firstname label,
.footer__newsletter .tnp-subscription .tnp-field-email label {
margin-bottom: 0.428571428571429rem;
}
.footer__newsletter .tnp-subscription label {
padding: 0;
color: #000;
font-weight: 400;
text-align: left;
font-size: 0.857142857142857rem;
}
.footer__newsletter .tnp-subscription input[type="text"],
.footer__newsletter .tnp-subscription input[type="email"] {
height: auto;
font-size: 0.857142857142857rem;
border-radius: 0.285714285714286rem;
box-sizing: border-box;
padding: 0.714285714285714rem 1.142857142857143rem;
font-family: 'Roboto', sans-serif;
}
.footer__newsletter .tnp-subscription input[type="submit"] {
color: #000;
margin-right: 0;
box-shadow: none;
letter-spacing: 0;
margin-left: auto;
font-size: 0.928571428571429rem;
text-transform: none;
border-radius: 0.285714285714286rem;
padding: 0.714285714285714rem 0.857142857142857rem;
background-color: transparent;
transition: all $basetransition;
border: 0.071428571428571rem solid #000 !important;
}
.footer__newsletter .tnp-subscription input[type="submit"]:hover {
color: #fff;
background-color: #000;
transition: all $pseudotransition;
}
.footer__newsletter .tnp-subscription input[type="checkbox"] {
top: 0.142857142857143rem;
position: relative !important;
margin-right: 0.357142857142857rem !important;
}
.footer__content {
order: 2;
background-color: #fff;
padding: 20px 16px 5px 16px;
}
.footer__content p.big {
margin: 0;
color: #000;
}
.footer__content p.big.second {
margin-top: 2em;
}
.footer__content p.small {
font-size: 12px;
line-height: 16px;
}
@media (min-width: 62em) {
.footer__content {
padding: 30px 12px 30px 12px;
}
.footer__content.hidden {
display: none !important;
}
.footer__content p.small {
margin-bottom: 0;
padding-top: 14px;
}
.footer__content p.small a {
color: #1b1c1d;
position: relative;
transition: all 0.3s;
display: inline-block;
text-decoration: unset;
}
.footer__content p.small a:hover {
color: #0090ff;
transition: all 0.3s;
text-decoration: underline;
}
}
.footer__content-accordion .title.active {
margin-bottom: 0px;
}
.footer__content-accordion .title.active i {
margin-top: 5px;
transform: rotate(180deg);
}
.footer__content-accordion .title {
display: flex;
color: #1b1c1d;
font-size: 16px;
line-height: 20px;
font-weight: bold;
font-style: normal;
font-family: Roboto;
text-transform: capitalize;
justify-content: space-between;
}
.footer__content-accordion .title i {
color: #828891 !important;
}
.footer__content-accordion .title p {
margin-bottom: 0;
}
.footer__content-accordion .content {
background: #fff;
}
.footer__content-accordion .content p {
margin-bottom: 0;
}
.footer__content-accordion .content-link {
font-size: 12px;
line-height: 16px;
font-style: normal;
font-weight: normal;
font-family: Roboto;
color: rgba(27,28,29,0.8);
}
.footer_awards {
order: 3;
padding: 16px 0;
border-bottom: 1px solid #f1f2f3;
}
@media (min-width: 62em) {
.footer_awards {
order: 4;
padding: 27px 0;
}
.footer_awards > .ui.container > .ui.grid .column {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 62em) {
.footer_awards > .container {
border-bottom: 0;
}
}
.footer_awards > .grid > .column {
padding-left: 0;
padding-right: 0;
padding-top: 10px;
}
.footer_awards .splide__track,
.footer_awards .splide__list {
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none ;
}
.footer_awards .splide__track::-webkit-scrollbar,
.footer_awards .splide__list::-webkit-scrollbar {
display: none;
-ms-overflow-style: none ;
scrollbar-width: none ;
}
.footer_awards .splide__arrows,
.footer_awards .splide__pagination {
display: none;
}
.footer_awards .award_item {
margin-top: 8px;
margin-right: 10px;
}
@media (min-width: 62em) {
.footer_awards .award_item {
margin-right: 26px;
}
}
.footer_social {
order: 4;
padding: 16px;
border-top: 1px solid #f1f2f3;
border-bottom: 1px solid #f1f2f3;
}
@media (min-width: 62em) {
.footer_social {
order: 3;
padding: 20px 0;
}
.footer_social.hidden {
display: none !important;
}
}
@media (max-width: 47.9375em) {
.footer_social {
padding: 12px 0 0 0;
}
}
.footer_social-links {
display: flex !important;
justify-content: space-between !important;
}
@media (min-width: 62em) {
.footer_social-links img {
transition: all 0.3s ease-in-out;
}
.footer_social-links a:hover img {
transform: scale(1.5);
}
}
.footer_legal {
order: 5;
text-align: center;
background-color: #f1f2f3;
font-size: 12px !important;
line-height: 16px !important;
padding: 21px 16px 12px 16px;
font-weight: bold !important;
font-style: normal !important;
font-family: Roboto !important;
color: rgba(27,28,29,0.6) !important;
}
.footer_legal-logo {
margin: 0 auto;
}
@media (min-width: 62em) {
.footer_legal {
padding: 26px 12px;
}
.footer_legal .ui.grid.hidden {
display: none !important;
}
.footer_legal .ui.grid.checkout.show {
margin-top: -1rem;
justify-content: center;
display: flex !important;
}
.footer_legal .ui.grid.checkout.show img {
margin-right: 25px;
}
}
.footer_legal .ui.grid.checkout {
display: none !important;
}
.footer-logo {
width: 100%;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
@media (min-width: 62em) {
.footer-logo {
width: auto;
margin-bottom: 7px;
padding-top: 0 !important;
}
}
.footer-logo,
.footer-info {
text-align: center;
display: flex !important;
justify-content: center !important;
}
@media (min-width: 62em) {
.footer-logo,
.footer-info {
margin-bottom: 0;
text-align: left;
align-items: center;
display: flex !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
justify-content: flex-start !important;
}
}
.footer-links {
flex-wrap: wrap;
position: relative;
flex-direction: row;
align-items: stretch;
width: 100% !important;
display: flex !important;
justify-content: inherit;
}
@media (min-width: 62em) {
.footer-links {
align-items: center;
justify-content: flex-end !important;
}
}
.footer-links a {
width: 33%;
font-weight: normal;
margin-bottom: 14px;
color: rgba(27,28,29,0.6);
}
.footer-links a:hover {
color: #0090ff;
transition: all 0.3s;
text-decoration: underline;
}
.footer-links a.center {
text-align: center;
}
.footer-links a.right {
text-align: right;
}
.footer-links a.large {
width: 67%;
}
@media (min-width: 62em) {
.footer-links a {
width: auto;
margin-bottom: 0;
margin-right: 35px;
align-items: center !important;
}
.footer-links a.center {
text-align: left;
}
.footer-links a.right {
text-align: left;
}
.footer-links a.large {
width: auto;
}
.footer-links a:last-child {
margin-right: 0;
}
}
.footer_awards .splide__list,
.footer_awards .splide__track {
-ms-overflow-style: none;
overflow-x: scroll;
scrollbar-width: none;
}
.splide__list {
width: max-content;
margin: 0 !important;
padding: 0 !important;
will-change: transform;
}
.splide--draggable > .splide__track > .splide__list > .splide__slide {
-webkit-user-select: none;
user-select: none;
}
.splide__slide {
margin: 0;
flex-shrink: 0;
box-sizing: border-box;
list-style-type: none !important;
}
.splide__slide img {
max-width: none;
}
.splide.is-active .splide__list {
display: flex;
}
.award_item {
width: 185px;
display: flex;
justify-content: center;
}
.award_item-body {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.award_item-body__name {
font-size: 12px;
margin-top: 5px;
font-weight: 400;
line-height: 16px;
font-style: normal;
text-align: center;
font-family: Roboto;
color: rgba(27,28,29,0.6);
}
.award_item-body__logo {
width: 5.357142857142857rem;
}
.footer_legal-links {
flex-wrap: wrap;
position: relative;
flex-direction: row;
align-items: stretch;
width: 100% !important;
display: flex !important;
justify-content: inherit;
}
.footer_legal-links a {
width: 33%;
font-weight: 400;
margin-bottom: 14px;
color: rgba(27,28,29,0.6);
}
.scroll-top {
opacity: 0;
z-index: 10;
display: flex;
right: 1.428571428571429rem;
width: 3.571428571428572rem;
height: 3.571428571428572rem;
bottom: 1.428571428571429rem;
position: fixed;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #ffce33;
transform: translateY(100%);
transition: all 100ms linear;
}
.scroll-top > svg {
width: 1.071428571428571rem;
transform: rotate(-180deg);
}
.scroll-top.show-circle {
opacity: 1;
transform: translateY(0);
}
.circle-progress {
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
line-height: 100%;
text-align: center;
position: absolute;
transform: rotate(-90deg);
backface-visibility: hidden;
}
.circle-progress circle {
stroke: #fff;
stroke-width: 2;
fill: transparent;
stroke-dasharray: 137.4;
stroke-dashoffset: 137.4;
}
@media screen and (min-width: 992px) {
.footer_legal-links {
align-items: center;
justify-content: flex-end !important;
}
.footer_legal-links a {
width: auto;
margin-bottom: 0;
margin-right: 35px;
align-items: center !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
.field.error p.error-message {
font-size: 10px !important;
}
}
@media (min-width: 62em) {
.desktop-line-break {
content: '\a';
white-space: pre;
}
}