@font-face {
font-family: star;
src: url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/star.eot);
src: url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/star.eot?#iefix) format("embedded-opentype"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/star.woff) format("woff"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/star.ttf) format("truetype"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: WooCommerce;
src: url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/WooCommerce.eot);
src: url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/WooCommerce.woff) format("woff"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/WooCommerce.ttf) format("truetype"),
url(//imageskincare.pl/wp-content/themes/image-skincare/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #171717;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: none;
text-decoration: none;
}
big {
font-size: 125%;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
width: 100%;
}
textarea {
width: 100%;
}  a {
color: inherit;
text-decoration: none;
}
*:hover,
*:focus,
*:active {
outline: 0;
} .main-navigation {
display: block;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 75%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul .menu-item-has-children {
position: relative;
}
.main-navigation ul ul ul {
left: -999em;
top: -12px;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100% !important;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:not(.has-mega-menu):hover>ul,
.main-navigation ul li:not(.has-mega-menu).focus>ul {
left: auto;
}
.main-navigation li {
float: left;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 1200px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
content: "";
display: table;
table-layout: fixed;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
clear: both;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .wrap {
width: 1200px;
margin: auto;
}
.custom-alert-block
{
flex-wrap: wrap;
list-style: none;
background-color: #DDDDDD;
padding: 24px;
text-align: center;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 24px;
width: 950px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 300;
text-transform: uppercase;
}
.heading {
font-weight: normal;
font-size: 48px;
line-height: 56px;
}
.smallheading {
font-weight: 300;
font-size: 32px;
line-height: 37px;
}
section {
float: left;
width: 100%;
}
.button {
display: inline-block; background: #222;
font-weight: bold;
font-size: 18px;
line-height: 18px;
padding: 15px 40px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.button:not(.button--border){
color:#fff
}
.button:focus,
.button:hover {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.site-content {
padding-top: 100px;
}
.center {
float: left;
width: 100%;
text-align: center;
}
button {
cursor: pointer;
}
.button--border {
background: #fff;
border: 1px solid #000;
padding: 15px 10px;
} .header__text {
background: #fc8313;
color: white;
font-weight: normal;
font-size: 14px;
line-height: 140.38%;
letter-spacing: 0.245em;
text-transform: uppercase;
float: left;
width: 100%;
padding: 13px 0 9px 0;
}
.header__text p {
float: left;
margin: 0;
width: 100%;
text-align: center;
}
.header__close {
position: absolute;
top: -4px;
right: 0;
cursor: pointer;
}
.header__text .wrap {
position: relative;
}
.site-header {
width: 100%;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 999;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
}
.admin-bar .site-header {
top: 32px;
}
.header__grid {
width: 100%;
display: grid;
height: 100px;
align-items: center;
grid-template-columns: 200px 1fr auto;
}
.site-header a {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #000000;
display: inline-flex;
align-items: center;
}
.nav-menu li {
margin: 0 20px;
height: 100px;
line-height: 100px;
display: flex;
}
.sub-menu li {
height: auto;
line-height: normal;
display: block;
margin: 12px 0;
float: none;
}
.main-navigation ul li:not(.mega-menu-column) .sub-menu li {
padding: 0 16px;
}
.sub-menu li a {
text-transform: none;
}
.sub-menu {
box-shadow: none;
background: #fff;
width: auto;
}
.main-navigation li a img {
margin-right: 16px;
}
.header__collaterals {
display: flex;
}
.user__link {
margin-right: 35px;
}
.user__link img {
margin-right: 16px;
} .nav-menu>.menu-item-has-children {
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/menu-arrow.png)right center no-repeat;
padding-right: 28px;
}
.mega-menu-column {
padding: 0 !important;
}
.mega-menu-column .sub-menu {
padding-left: 0 !important;
padding-right: 0 !important;
}
.has-mega-menu {
position: static;
}
li.has-mega-menu>.sub-menu {
width: 1200px;
position: absolute;
top: 100%;
z-index: 100;
left: 0px;
right: 0px;
background: #fff;
margin: auto;
display: none;
grid-template-columns: 30% 30% 30%;
grid-column-gap: 5%;
box-shadow: none;
padding-top: 30px !important;
padding-bottom: 44px !important;
}
.mega-menu-column li {
padding: 0 !important;
}
li.has-mega-menu>.sub-menu::before {
position: absolute;
content: '';
background: #fff;
width: 9999px;
height: 100%;
z-index: -1;
left: -5555px;
}
li.has-mega-menu:hover>.sub-menu {
display: grid
}
@media screen and (min-width: 992px) {
li.has-mega-menu:hover>.sub-menu {
grid-template-columns: repeat(auto-fit, minmax(33.3333%, 1fr));
}
}
@media screen and (min-width: 1200px) {
li.has-mega-menu:hover>.sub-menu {
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
}
}
@media screen and (min-width: 600px) {
li.mega-menu-column {
margin: 0;
padding: 0;
}
}
.mega-menu-column>a {
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #000000;
pointer-events: none;
margin-bottom: 24px;
}
.mega-menu-column .sub-menu {
position: static;
display: block;
columns: 2;
box-shadow: none;
}
.mega-menu-column .sub-menu li {
margin: 0 0 16px 0;
}
.mega-menu-column .sub-menu li a {
text-transform: none;
}
#menu-item-2693 a {
color: red;
font-weight: bold;
}
#menu-item-19698 a {
color: red;
} .cart__button {
position: relative;
display: inline-block;
cursor: pointer;
}
.cart__button .count {
position: absolute;
top: -6px;
right: -6px;
background: #EEE0CF;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
font-weight: bold;
font-size: 7.81818px;
}
.mini__cart {
display: none;
position: absolute;
background: #fff;
width: 600px;
right: 0;
top: 100%;
padding: 30px 32px;
}
.mini__cart.active {
display: block;
}
.woocommerce-mini-cart {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-mini-cart__total {
font-weight: 300;
font-size: 14px;
line-height: 16px;
text-align: right;
margin: 0;
}
.woocommerce-mini-cart__total strong {
font-weight: 700;
}
.mini_cart_item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #EBEBEB;
}
.mini_cart_item:last-of-type {
border-bottom: none;
}
.mini_cart_item img {
width: 60px;
max-width: 60px;
}
.mini__cart--things {
margin: 0;
padding-left: 32px;
padding-right: 16px;
width: 100%;
}
.mini__cart--title {
font-weight: 300;
font-size: 16px;
line-height: 21px;
display: block;
}
.mini__cart--prices {
display: block;
font-weight: bold;
font-size: 18px;
line-height: 24px;
}
.mini__cart--prices .amount {
margin-right: 16px;
}
.mini_cart_item .remove {
font-weight: bold;
font-size: 16px;
line-height: 21px;
background: #EEE0CF;
padding: 14px;
}
.woocommerce-mini-cart__buttons {
text-align: right;
}
.woocommerce-mini-cart__buttons .button {
margin-left: 16px;
}
.woocommerce-mini-cart__empty-message {
font-weight: 300;
text-transform: uppercase;
margin: 0;
text-align: right;
} .home__slide {
animation-name: render-fix;
animation-duration: 0.7s;
}
.home__slide__content h2 {
animation-name: render-fix;
animation-duration: 0.7s;
font-weight: 400 !important;
}
@keyframes render-fix {
100% {
-webkit-font-smoothing: subpixel-antialiased;
}
}
.home__slide {
position: relative;
}
.home__slide img {
float: right;
width: 55%;
}
.home__slide__content {
position: absolute;
width: 1200px;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
padding-right: 750px;
}
.home__slide__content h2 {
margin-top: 0;
margin-bottom: 32px;
text-transform: uppercase;
}
.slick-dots {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
margin: auto;
bottom: -40px;
left: 0;
right: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
width: 16px;
height: 16px;
background: #C4C4C4;
border-radius: 50%;
margin: 0 16px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slick-dots li button {
display: none;
}
.slick-dots li.slick-active,
.slick-dots li:hover {
background: #EEE0CF;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#home__products {
background: #F8F8F8;
padding-bottom: 60px;
}
#home__products .heading {
text-transform: uppercase;
text-align: center;
margin-top: 80px;
margin-bottom: 50px;
}
.home__products__grid {
display: grid;
grid-template-columns: 23% 23% 23% 23%;
grid-column-gap: 2.5%;
}
.home__product {
margin-bottom: 70px;
background: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
position: relative;
}
.home__product__thumb {
float: left;
width: 100%;
height: 230px;
position: relative;
}
.home__product__price {
font-weight: bold;
font-size: 18px;
line-height: 21px;
background: #fff;
padding: 16px;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
}
.home__product__text {
text-align: center;
float: left;
width: 100%;
padding: 0 16px 150px 16px;
}
.home__product__text h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 23px;
margin-bottom: 0;
}
.home__product__text h4 {
font-weight: 300;
font-size: 14px;
line-height: 24px;
margin-top: 28px;
margin-bottom: 20px;
}
.home__product__text p {
font-weight: bold;
font-size: 18px;
line-height: 21px;
margin: 0;
}
.home__product__text p svg {
color: #F2C94C;
margin-right: 18px;
}
.home__product__text .button {
margin: 8px 0;
display: block;
}
.product__buttons {
position: absolute;
bottom: 4px;
left: 26px;
right: 26px;
}
.center .button {
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
}
.shop-content .home__product__text {
padding: 0 16px 162px;
}
.product__buttons .button {
padding: 15px 10px;
}
.home__news {
padding-bottom: 80px;
}
.home__news .heading {
text-transform: uppercase;
text-align: center;
margin-top: 80px;
margin-bottom: 50px;
}
.posts__grid {
display: grid;
grid-template-columns: 31% 31% 31%;
grid-column-gap: 4%;
width: 100%;
}
.grid__post {
background: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
position: relative;
margin-bottom: 70px;
}
.grid__thumb {
float: left;
width: 100%;
height: 200px;
}
.grid__post__content {
float: left;
width: 100%;
padding: 0 30px;
}
.grid__post h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 26px;
margin-bottom: 16px;
}
.post__date {
font-weight: bold;
font-size: 18px;
line-height: 21px;
color: #BDBDBD;
}
.grid__post p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-top: 11px;
margin-bottom: 31px;
}
.grid__post .button {
position: absolute;
right: 0;
transform: translateY(50%);
bottom: 0;
}
.home__about .about__section {
background: #F8F8F8;
}
.home__about__grid {
display: grid;
grid-template-columns: 1fr 600px 50%;
align-items: center;
}
.home__about__text {
padding-right: 80px;
}
.home__about__text h3 {
margin-top: 0;
margin-bottom: 48px;
}
.home__about__text div p {
margin-top: 0;
margin-bottom: 32px;
}
.home__about__image img {
width: 100%;
display: block;
}
.home__newsletter {
padding-top: 80px;
}
.newsletter__content {
display: grid;
grid-template-columns: 39% 61%;
background: #F8F8F8;
}
.newsletter__img img {
width: 100%;
display: block;
}
.newsletter__text {
padding-left: 50px;
padding-right: 40px;
}
.newsletter__text h2 {
text-transform: uppercase;
margin-top: 38px;
margin-bottom: 48px;
}
.newsletter__text p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 24px;
}
.newsletter__textinput {
font-size: 16px;
padding-left: 32px;
float: left;
width: calc(100% - 60px);
background: #fff;
height: 60px;
background: #FFFFFF;
border: 1px solid #E2E2E2;
}
.newsletter__submit {
float: left;
border: none;
width: 60px;
height: 60px;
background: #EEE0CF url(//imageskincare.pl/wp-content/themes/image-skincare/img/envelope.png);
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
.checkbox {
list-style: none;
float: left;
padding-left: 34px;
margin-left: 0;
position: relative;
margin-top: 48px;
}
.checkbox label {
font-weight: 300;
font-size: 12px;
line-height: 14px;
}
.checkbox label:before {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 24px;
height: 24px;
content: '';
left: -0px;
top: 6px;
}
.checkbox input:checked+label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
.checkbox input {
position: absolute;
opacity: 0;
width: 0 !important;
}
.instagram__posts h2 {
text-align: center;
margin-top: 80px;
margin-bottom: 60px;
}
.instagram__post {
padding: 12px;
}
.instagram__post img {
object-fit: contain;
width: 100%;
height: 230px;
}
.instagram__posts .center {
padding: 60px 0;
text-align: center;
}
.instagram__posts .center a i {
margin-right: 16px;
font-size: 20px;
font-weight: 400;
position: relative;
top: 3px;
} .about__sections .about__section {
margin-bottom: 80px;
}
.about__sections .about__section:nth-of-type(odd) {
background: #F5F5F5;
}
.about__sections .about__section:nth-of-type(even) .home__about__grid {
grid-template-columns: 50% 600px 1fr;
}
.about__sections .about__section:nth-of-type(even) .spacer {
grid-row: 1;
grid-column: 3;
}
.about__sections .about__section:nth-of-type(even) .home__about__text {
grid-row: 1;
grid-column: 2;
padding-right: 0;
padding-left: 80px;
}
.about__sections .about__section:nth-of-type(even) .home__about__image {
grid-row: 1;
grid-column: 1;
}
.about__opinions {
background: #F8F8F8;
padding-bottom: 80px;
}
.about__opinions .heading {
text-align: center;
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 50px;
}
.opinions_slider {
position: relative;
padding: 0 60px;
}
.arrow {
cursor: pointer;
color: #BDBDBD;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: 1px solid #BDBDBD;
border-radius: 5px;
font-size: 22px;
height: 48px;
width: 48px;
text-align: center;
line-height: 48px;
}
.arrow_prev {
left: 0;
}
.arrow_next {
right: 0;
}
.opinia__slide {
padding: 0 18px;
}
.opinia__slide p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 32px;
}
.opinia__slide span {
font-weight: bold;
font-size: 18px;
line-height: 21px;
} .searchwrap {
float: left;
width: 100%;
margin: 80px 0;
}
#searchform {
width: 620px;
margin: 0 auto;
}
#s {
font-size: 16px;
padding-left: 32px;
float: left;
width: calc(100% - 60px);
background: #fff;
height: 60px;
background: #FFFFFF;
border: 1px solid #E2E2E2;
}
#searchsubmit {
float: left;
border: none;
width: 60px;
height: 60px;
background: #EEE0CF url(//imageskincare.pl/wp-content/themes/image-skincare/img/search.png);
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
.blog__featured {
margin-bottom: 30px;
}
.featured__thumb {
float: left;
width: 100%;
height: 620px;
}
.fcw {
width: 750px;
margin: auto;
}
.featured__content {
float: left;
width: 100%;
position: relative;
transform: translateY(-50%);
padding: 0 27px;
background: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
}
.featured__content h3 {
margin-top: 25px;
margin-bottom: 17px;
}
.featured__content p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-top: 11px;
margin-bottom: 40px;
}
.featured__content .button {
position: absolute;
right: 0;
transform: translateY(50%);
bottom: 0;
}
.ipages {
float: left;
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.ipages .page-numbers {
margin: 0 10px;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-align: center;
line-height: 40px;
display: inline-block;
width: 40px;
height: 40px;
background: #FFFFFF;
border: 1px solid #E8E5E5;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ipages .page-numbers.current,
.ipages .page-numbers:hover {
background: #EEE0CF;
border: 1px solid #EEE0CF;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
} .single__thumb__wrap {
width: 860px;
margin: auto;
}
.single__thumb__wrap img {
float: left;
width: 100%;
}
.single__content__wrap {
width: 690px;
margin: auto;
}
.single__content {
float: left;
width: 100%;
background: #F8F8F8;
padding: 35px 46px;
margin-top: -60px;
}
.single__content .smallheading {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 32px;
}
.single__content .post__date {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.single__content p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.single__content ul {
margin-left: 0;
padding-left: 15px;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.single__content .products__grid {
grid-template-columns: 100%;
grid-column-gap: 0%;
}
.single__content .home__product {
margin-bottom: 40px;
background: none;
box-shadow: none;
display: grid;
grid-template-columns: 40% 60%;
align-items: center;
}
.single__content .home__product__text {
text-align: left;
padding: 0 16px 0px 24px;
}
.single__content .home__product__text h3 {
font-weight: normal;
font-size: 24px;
line-height: 24px;
text-transform: none;
margin-top: 0;
margin-bottom: 16px;
}
.single__content .home__product__text h4 {
margin-top: 0;
}
.single__content .home__product__text .button {
position: static;
transform: translateY(0%);
}
.single__post__share {
text-align: center;
}
.single__post__share h3 {
margin-top: 80px;
margin-bottom: 32px;
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.single__post__share a {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 28px;
margin: 0 8px;
}
.single__related {
margin-bottom: 30px;
}
.single__related .smallheading {
margin-top: 80px;
margin-bottom: 60px;
text-align: center;
} .szkolenia__sections {
margin-top: 80px;
}
.sz__section {
display: grid;
align-items: top;
margin-bottom: 80px;
grid-column-gap: 6.5%;
}
.sz__section:nth-of-type(odd) {
grid-template-columns: 55% 38.5%;
}
.sz__section:nth-of-type(odd) img {
grid-column: 1;
grid-row: 1;
}
.sz__section:nth-of-type(odd) .sz__content {
grid-column: 2;
grid-row: 1;
}
.sz__section:nth-of-type(even) {
grid-template-columns: 38.5% 55%;
}
.sz__section:nth-of-type(even) img {
grid-column: 2;
grid-row: 1;
}
.sz__section:nth-of-type(even) .sz__content {
grid-column: 1;
grid-row: 1;
}
.sz__content h2 {
margin-top: 0;
margin-bottom: 32px;
}
.sz__text {
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.sz__text p {
margin-top: 0;
margin-bottom: 32px;
}
.sz__text ul {
margin-left: 0;
padding-left: 16px;
}
.sz__content .button {
display: inline-block;
}
.szkolenia__elements {
margin-bottom: 80px;
}
.szkolenia__elements .formwrap {
width: 620px;
margin: auto;
}
.szkolenia__elements form {
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
margin-bottom: 80px;
float: left;
width: 100%;
}
.szkolenia__elements form #filterinput {
float: left;
border: none;
height: 60px;
background: #fff;
font-size: 16px;
line-height: 19px;
padding-left: 40px;
width: calc(100% - 60px);
}
.szkolenia__elements form #searchsubmit {
pointer-events: none;
}
.szkolenia__elements h2 {
font-size: 32px;
line-height: 37px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 44px;
}
.szkolenia__grid {
display: grid;
grid-template-columns: 31.5% 31.5% 31.5%;
width: 100%;
grid-column-gap: 2.75%;
grid-row-gap: 44px;
}
.szkolenie__box {
background: #F8F8F8;
position: relative;
padding: 20px 30px 0;
}
.sz__data {
display: inline-flex;
align-items: center;
margin-right: 34px;
}
.sz__data img {
margin-right: 24px;
}
.szkolenie__box span {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.sz__place {
display: inline-flex;
align-items: center;
}
.sz__place img {
margin-right: 24px;
}
.szkolenie__box h4 {
font-weight: 300;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 90px;
}
.szkolenie__box:nth-of-type(1) h4 {
color: #C18325;
}
.szkolenie__box button {
border: none;
cursor: pointer;
position: absolute;
right: 0;
bottom: 0;
}
.noresults {
display: none;
text-transform: uppercase;
font-weight: 300;
text-align: center;
font-size: 48px;
}
.page-template-page-szkolenia .home__newsletter {
margin-bottom: 80px;
}
.popup {
background: rgba(17, 17, 17, 0.5);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
z-index: 999;
}
.popup__close {
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.popup__content {
text-align: center;
}
.popup__form {
width: 600px;
margin: auto;
background: #F8F8F8;
padding: 0 80px 30px;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.popup__content h3 {
font-weight: 300;
margin-top: 60px;
margin-bottom: 32px;
}
.popup__content strong {
font-weight: 400;
display: block;
}
.popup__form .input-wrap input {
border: 1px solid #fff;
width: 100%;
margin-bottom: 32px;
text-align: left;
padding-left: 28px;
height: 60px;
font-size: 16px;
line-height: 19px;
background: #fff;
border: none;
}
.popup__form .checkbox {
text-align: left;
margin: 32px 0;
}
.form-submit {
border: none;
margin-bottom: 30px;
}
.sznew:nth-of-type(odd) {
grid-template-columns: 50% 47%;
}
.sznew:nth-of-type(even) {
grid-template-columns: 47% 50%;
}
.newszh {
color: #D965D4 !important;
} .page-template-page-zabiegi .about__sections {
margin-top: 80px;
}
.page-template-page-zabiegi .about__sections .about__section:nth-of-type(2n+2) {
background: #f5f5f5;
} .page-template-page-produktzabiegowy .about__sections {
margin-top: 80px;
}
.page-template-page-produktzabiegowy .about__sections .about__section:nth-of-type(2n+1) {
background: #ffff;
} .zp__section .page__thumb {
margin: 80px 0;
}
.zp__content {
float: left;
width: 100%;
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-bottom: 48px;
}
.zp__content .heading {
margin-top: 0;
margin-bottom: 32px;
text-transform: uppercase;
}
.zp__content p {
margin-top: 0;
margin-bottom: 32px;
}
.zp__boxes {
margin-bottom: 100px;
}
.zp__grid {
display: grid;
grid-template-columns: 31% 31% 31%;
grid-column-gap: 3.5%;
}
.zp__box img {
width: 100%;
}
.zp__box h2 {
margin: 32px 0;
}
.zpbox__text {
font-weight: 300;
font-size: 21.5973px;
line-height: 32px;
}
.zpbox__text p {
margin-top: 0;
margin-bottom: 32px;
}
.zp__box .button {
float: right;
} .pzp__section {
margin: 160px 0;
}
.pzp__content {
padding: 45px 75px;
background: #F8F8F8;
float: left;
width: 100%;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.pzp__content .heading {
margin-top: 0;
margin-bottom: 32px;
font-weight: 300;
text-transform: uppercase;
}
.pzp__content p {
margin-top: 0;
margin-bottom: 32px;
} .wrap__880 {
width: 880px;
margin: auto;
}
.thankyou__content {
background: #F8F8F8;
text-align: center;
margin: 100px 0;
padding: 64px 32px;
}
.thankyou__content h1 {
font-size: 32px;
line-height: 37px;
font-weight: 300;
margin: 32px 0;
text-transform: uppercase;
}
.thankyou__content h1 strong {
font-weight: 400;
display: block;
} .text__page {
margin: 80px 0;
}
.page__thumb {
float: left;
width: 100%;
}
.text__page__content {
float: left;
width: 100%;
background: #F8F8F8;
padding: 50px 70px;
}
.text__page__content .smallheading {
margin-top: 0;
text-transform: uppercase;
margin-bottom: 52px;
}
.text__page__content p,
.text__page__content ul {
font-size: 16px;
line-height: 19px;
}
.text__page__content a {
text-decoration: underline;
} .gc__grid {
display: grid;
width: 100%;
grid-template-columns: 40% 54%;
justify-content: space-between;
margin: 120px 0;
align-items: center;
}
.gc__text {
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.gc__text h1 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 48px;
}
.gc__text p {
margin: 0;
}
.gc__img img {
width: 100%;
}
#znajdz__gabinet {
margin-bottom: 120px;
}
.wrap620 {
width: 620px;
margin: auto;
}
.search h3 {
text-align: center;
margin-top: 0;
margin-bottom: 48px;
}
.inputwrap {
float: left;
width: 100%;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.06);
margin-bottom: 48px;
}
#searchinput {
border: none;
height: 60px;
width: calc(100% - 60px);
float: left;
font-size: 16px;
line-height: 19px;
padding-left: 40px;
background: #fff;
}
.search button {
float: right;
background: #EEE0CF;
height: 60px;
border: none;
width: 60px;
}
.search span.hidden {
text-transform: uppercase;
text-align: center;
font-weight: 300;
font-size: 18px;
margin-bottom: 48px;
display: none;
}
.search span.hidden.active {
display: block;
}
#map {
float: left;
width: 100%;
height: 520px;
}
.gabinety-lista {
float: left;
width: 100%;
display: none;
}
.gabinety-lista.active {
display: block;
}
.gabinety-lista h4 {
float: left;
width: 100%;
text-align: center;
font-weight: 300;
margin: 48px 0;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.lista-wrap {
display: grid;
grid-template-columns: 47% 47%;
justify-content: space-between;
row-gap: 48px;
width: 100%;
}
.gabinet-list {
background: #F8F8F8;
display: grid;
grid-template-columns: 150px 1fr;
align-items: center;
}
.gabinet__pin {
text-align: center;
}
.gabinet__km {
display: block;
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-bottom: 10px;
}
.km__icon {
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/map-pin.png)center center no-repeat;
width: 32px;
height: 32px;
display: inline-block;
}
.gabinet__info {
padding: 32px 32px 32px 0;
}
.gabinet-list-name {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
display: block;
margin-bottom: 32px;
}
.gabinet-list-address {
font-weight: 300;
font-size: 16px;
line-height: 24px;
display: block;
margin-bottom: 32px;
}
.gabinet-list-tel {
font-weight: 300;
font-size: 16px;
line-height: 24px;
display: block;
} .sklep__kolekcje {
padding: 80px 0 120px 0;
}
.sklep__kolekcje .heading {
text-align: center;
margin-top: 0;
margin-bottom: 42px;
}
.kolekcje__grid {
display: grid;
grid-template-columns: 32% 32% 32%;
grid-column-gap: 2%;
}
.sklep__kolekcja {
position: relative;
}
.kolekcja__img {
float: left;
width: 100%;
height: 470px;
}
.kolekcja__text {
background: #F8F8F8;
font-weight: 300;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 48%;
margin: auto;
padding: 32px;
transform: translateY(50%);
}
.kolekcja__text strong {
font-weight: 700;
display: block;
}
.sklep__katalog {
background: #F8F8F8;
text-align: center;
padding: 80px 0;
}
.sklep__katalog .heading {
margin-top: 0;
margin-bottom: 32px;
}
.sk__text {
max-width: 630px;
margin: auto;
}
.sk__text p {
margin-top: 0;
margin-bottom: 32px;
} .product__top {
float: left;
width: 100%;
margin-top: 80px;
}
.product__top__grid {
display: grid;
grid-template-columns: 54% 41%;
width: 100%;
justify-content: space-between;
}
.onsale {
display: none;
}
.woocommerce-product-gallery__trigger {
opacity: 0;
z-index: 2;
color: transparent;
position: absolute;
width: 64px;
height: 64px;
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/zoom.png)center center no-repeat;
top: 0;
right: 0;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
opacity: 1;
}
.woocommerce-product-gallery__image img {
width: 100%;
}
.flex-control-thumbs {
margin-left: 0;
padding-left: 0;
margin-top: 25px;
list-style: none;
display:flex;
flex-wrap:nowrap;
overflow-x:auto;
flex-flow: row;
}
.flex-control-thumbs li {
text-align: center;
}
.flex-control-thumbs img {
margin: auto;
}
.product__reviews {
float: left;
width: 100%;
margin-bottom: 32px;
}
.reviews__popup__link {
float: left;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-decoration-line: underline;
}
.product__reviews p {
float: right;
margin: 0;
font-weight: bold;
font-size: 18px;
line-height: 21px;
}
.product__reviews p svg {
color: #93db69;
}
.product_title {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
}
.product__top .entry-summary h2 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.product__line {
float: left;
width: 100%;
height: 1px;
background: #CDCDCD;
}
.woocommerce-product-details__short-description {
float: left;
width: 100%;
font-size: 16px;
font-weight: 300;
margin-top: 16px;
}
.woocommerce-product-details__short-description p {
margin: 0;
}
.single-product .price {
font-weight: bold;
font-size: 28px;
line-height: 32px;
float: left;
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
}
.product__att {
font-weight: 300;
font-size: 20px;
line-height: 21px;
float: left;
width: 100%;
}
.product__att p {
margin-top: 0;
margin-bottom: 16px;
}
.price__info {
font-weight: 300;
font-size: 18px;
line-height: 21px;
float: left;
width: 100%;
margin-top: 0;
margin-bottom: 16px;
}
.price__info strong {
font-weight: 700;
color: #00ff00;
}
.price__info span {
font-weight: 700;
color: #00ff00;
}
.entry-summary form {
float: left;
width: 100%;
padding: 24px 0;
}
.quantity {
float: left;
position: relative;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.qty {
-webkit-appearance: none;
height: 48px;
width: 100px;
font-size: 18px;
line-height: 32px;
border: 1px solid #DBDEE7;
padding-left: 24px;
}
.qty-up {
cursor: pointer;
border-left: 1px solid #DBDEE7;
position: absolute;
width: 48px;
height: 24px;
top: 0;
right: 0;
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/qtyup.png)center center no-repeat;
}
.qty-down {
cursor: pointer;
border-left: 1px solid #DBDEE7;
position: absolute;
width: 48px;
height: 24px;
bottom: 0;
right: 0;
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/qtydown.png)center center no-repeat;
}
.single_add_to_cart_button {
float: right;
border: none;
}
.product__infobar {
background: #F8F8F8;
padding: 28px 0;
float: left;
width: 100%;
margin-top: 50px;
}
.product__infobar__grid {
display: grid;
grid-template-columns: 17% 17% 17% 17%;
justify-content: space-between;
}
.product__infobar__grid div {
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
}
.product__infobar__grid div p {
margin: 0;
}
.product_meta {
float: left;
width: 100%;
margin-top: 16px;
}
.product_meta .stock {
font-weight: 300;
font-size: 16px;
line-height: 19px;
margin: 0;
padding-left: 32px;
position: relative;
}
.product_meta .stock.unavailable:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: red;
}
.product_meta .stock.available:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #64E244;
}
.product__freeshipping {
float: left;
width: 100%;
margin-top: 16px;
}
.product__freeshipping p {
margin: 0;
}
.product__freeshipping p span {
font-weight: 700;
color: #64E244;
}
.product__description {
float: left;
width: 100%;
}
.product__description .smallheading {
text-align: center;
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 50px;
}
.product__description p {
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 24px;
}
.reviews {
background: #F8F8F8;
padding: 67px 0;
margin: 64px 0;
}
.reviews .smallheading {
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 64px;
}
.commentlist {
margin-bottom: 64px;
padding: 0 80px;
}
.product__comment {
padding: 0 16px;
}
.comment__text {
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
}
.comment__author {
float: left;
font-weight: bold;
font-size: 18px;
line-height: 21px;
margin: 0;
}
.comment__rating {
float: right;
}
.comment__stars {
float: left;
height: 20px;
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/star.png)left center repeat-x;
margin-right: 4px;
}
.title__stars {
float: left;
height: 20px;
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/star.png)left center repeat-x;
margin-right: 4px;
}
.comment__ratingtext {
font-weight: bold;
font-size: 18px;
line-height: 21px;
}
.reviews .center {
float: left;
width: 100%;
text-align: center;
}
.woocommerce-noreviews {
text-align: center;
text-transform: uppercase;
font-weight: 300;
font-size: 24px;
}
#review_form_wrapper {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(17, 17, 17, 0.5);
z-index: 999;
}
#review_form {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
background: #F8F8F8;
width: 750px;
padding: 0 120px;
text-align: center;
}
.rclose {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
#review_form textarea {
border: none;
height: 100px;
padding: 18px 20px;
font-size: 16px;
line-height: 19px;
resize: none;
}
#review_form input[type=text] {
width: 100%;
margin-bottom: 16px;
background: #fff;
border: none;
height: 60px;
font-size: 16px;
line-height: 19px;
padding-left: 20px;
}
#review_form h2 {
font-size: 32px;
line-height: 37px;
text-align: center;
text-transform: uppercase;
font-weight: 300;
margin-top: 64px;
margin-bottom: 32px;
}
#review_form h2 strong {
font-weight: 700;
display: block;
}
#review_form h3 {
display: none;
}
#review_form #submit {
cursor: pointer;
margin-bottom: 32px;
border: none;
display: inline-block;
background: #EEE0CF;
font-weight: bold;
font-size: 18px;
line-height: 21px;
padding: 15px 40px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.woocommerce #review_form #respond p {
margin: 16px 0;
}
.woocommerce #review_form #respond .form-submit input {
left: auto
}
.woocommerce p.stars a {
position: relative;
height: 20px;
width: 20px;
text-indent: -999em;
display: inline-block;
}
.woocommerce p.stars a::before {
color: #c4c4c4;
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
font-family: WooCommerce;
content: "\e020";
text-indent: 0
}
.woocommerce p.stars a:hover~a::before {
content: "\e020";
color: #c4c4c4;
}
.woocommerce p.stars:hover a::before {
content: "\e020";
color: #FFCC15;
}
.woocommerce p.stars.selected a.active::before {
content: "\e020";
color: #FFCC15;
}
.woocommerce p.stars.selected a.active~a::before {
content: "\e020";
color: #c4c4c4;
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "\e020";
color: #FFCC15;
}
.related.products {
float: left;
width: 100%;
}
.related.products h2 {
text-align: center;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 50px;
}
.products__grid {
display: grid;
grid-template-columns: 23% 23% 23% 23%;
grid-column-gap: 2.5%;
}
.product__bottom {
margin: 80px 0;
}
.woocommerce-message {
background-color: #DDDDDD;
padding: 24px;
text-align: center;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 24px;
width: 950px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 300;
text-transform: uppercase;
}
.woocommerce-message .button {
order: 2;
text-transform: none;
} .shop__search {
float: left;
width: 100%;
margin: 30px 0;
}
.shop__search h1 {
margin: 0;
text-transform: uppercase;
}
.shop__sidebar {
width: 260px;
float: left;
}
.shop__sidebar h3 {
float: left;
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
border: 1px solid #000000;
padding: 8px;
margin-top: 0;
margin-bottom: 26px;
}
.shop__sidebar ul {
float: left;
width: 100%;
list-style: none;
padding-left: 0;
margin: 0 0 80px 0;
}
.shop__sidebar ul li {
float: left;
width: 100%;
margin: 8px 0;
}
.shop__sidebar ul li a {
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
}
.shop__sidebar ul li a.active {
font-weight: 700;
}
.shop-content {
float: right;
width: calc(100% - 260px);
padding-left: 20px;
}
.shop-content .products__grid {
grid-template-columns: 31% 31% 31%;
grid-column-gap: 3.5%;
}
.shop-content ul.page-numbers {
list-style: none;
margin-left: 0;
padding-left: 0;
text-align: center;
border: none;
float: left;
width: 100%;
margin-bottom: 80px;
}
.shop-content ul.page-numbers li {
display: inline-block;
}
.shop-content ul.page-numbers li a,
.shop-content ul.page-numbers li span {
margin: 0 8px;
display: inline-block;
background: #F8F8F8;
border: 1px solid #E8E5E5;
width: 48px;
height: 48px;
line-height: 46px;
font-weight: bold;
font-size: 16px;
}
.shop-content ul.page-numbers li a:hover,
.shop-content ul.page-numbers li .current {
background: #EEE0CF;
border: 1px solid #E8E5E5;
} .steps__wrap {
width: 640px;
margin: auto;
}
.checkout__steps {
width: 100%;
display: flex;
justify-content: space-between;
margin: 80px 0;
}
.checkount__step {
width: 100px;
height: 100px;
text-align: center;
background: #F8F8F8;
position: relative;
}
.checkount__step.active {
background: #EEE0CF;
}
.step__one:after,
.step__two:after,
.step__three:after {
content: '';
position: absolute;
width: 32px;
height: 1px;
background: #C4C4C4;
right: -55%;
top: 50%;
}
.checkount__step h4 {
font-weight: bold;
font-size: 24px;
line-height: 28px;
margin-top: 15px;
margin-bottom: 2px;
float: left;
width: 100%;
}
.checkount__step span {
font-size: 12px;
line-height: 14px;
display: block;
}
.before__cart {
float: left;
width: 100%;
margin-bottom: 80px;
}
.before__cart h1 {
float: left;
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
}
.before__cart h1 strong {
font-weight: 700;
}
.before__cart .login__contact {
margin: 0;
}
.woocommerce-cart-form {
float: left;
width: 100%;
margin-bottom: 48px;
}
.woocommerce-cart-form__contents th {
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
padding: 32px 0 16px 0;
}
.cart_item .product-thumbnail {
padding: 16px 0 16px 25px;
}
.cart_item img {
width: 85px;
}
.cart_item .product-name {
font-weight: 300;
font-size: 14px;
padding:5px 0;
}
.cart_item .product-price {
font-weight: bold;
font-size: 18px;
line-height: 32px;
text-align: center;
padding: 16px 0;
}
.cart_item .product-subtotal {
font-weight: bold;
font-size: 18px;
line-height: 32px;
text-align: center;
padding: 16px 0;
}
.cart_item .product-quantity {
text-align: center;
padding: 16px 0;
}
.cart_item .product-quantity .quantity {
align-content: center;
display: inline-flex;
}
.cart_item .product-remove .remove {
font-weight: bold;
font-size: 18px;
line-height: 21px;
background: #EEE0CF;
padding: 16px;
}
.cart_item .product-remove {
text-align: right;
padding: 16px 25px 16px 0;
}
.cart__collaterals {
background: #F8F8F8;
margin-top: 60px;
padding: 60px 35px;
display: grid;
grid-template-columns: 37% 48%;
justify-content: space-between;
}
.collaterals__left h2 {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
color: #2A2D22;
margin-top: 0;
margin-bottom: 26px;
}
.collaterals__left h2 strong {
font-weight: 700;
}
.collaterals__left .coupon {
margin-bottom: 64px;
}
.collaterals__left .coupon #coupon_code {
background: #FFFFFF;
border: 1px solid #C7C7C7;
width: calc(100% - 43px);
font-size: 16px;
line-height: 19px;
padding-left: 35px;
height: 43px;
}
.collaterals__left .coupon button {
padding: 0;
float: right;
width: 43px;
height: 43px;
border: none;
text-align: center;
line-height: 57px;
background: #EEE0CF;
}
.collaterals__rabaty {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
margin-bottom: 38px;
}
.collaterals__rabaty strong {
font-weight: 700;
}
.collaterals__zabieg {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
}
.collaterals__zabieg strong {
font-weight: 700;
}
.coll__wrap {
position: relative;
display: inline-block;
}
.coll__popup {
display: none;
background: #EEE0CF;
position: absolute;
left: 50%;
width: 270px;
padding: 42px 20px 25px 20px;
bottom: calc(100% + 16px);
transform: translateX(-50%);
}
.coll__popup__close {
position: absolute;
top: 25px;
right: 20px;
cursor: pointer;
line-height: 1;
display: block;
font-size: 16px;
}
.coll__popup__content {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.coll__icon {
cursor: pointer;
position: relative;
top: 5px;
margin-left: 16px;
}
.collaterals__right h2 {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
color: #2A2D22;
margin-top: 0;
margin-bottom: 16px;
}
.collaterals__right h2 strong {
font-weight: 700;
}
.collaterals__right .order-total th,
.collaterals__right .order-total td {
border-top: 1px solid #DDDDDD;
padding-top: 24px;
font-size: 22px;
line-height: 26px;
color: #2A2D22;
}
.collaterals__right .order-total th {
text-transform: uppercase;
}
.collaterals__right th {
text-align: left;
font-weight: bold;
font-size: 18px;
line-height: 21px;
padding-bottom: 16px;
}
.collaterals__right td {
text-align: right;
font-weight: bold;
font-size: 18px;
line-height: 21px;
padding-bottom: 16px;
}
.collaterals__right .cart-discount td {
color: #5AC727;
}
.collaterals__right .fee td[data-title] {
color: #5AC727;
}
.undercart {
display: grid;
width: 100%;
background: #F8F8F8;
grid-template-columns: repeat(4, 20%);
padding: 25px 30px;
grid-column-gap: 6.6%;
}
.undercart div {
text-transform: uppercase;
}
.undercart p {
font-size: 16px;
line-height: 19px;
font-weight: 300;
margin: 0;
}
.undercart strong {
font-weight: 700;
display: block;
}
.cart_totals ul {
list-style: none;
padding: 0;
margin: 0;
}
.cart_totals .product__freeshipping {
margin-top: 0;
margin-bottom: 16px;
}
.cart_totals ul li {
float: right;
clear: both;
padding-left: 36px;
margin-left: 0;
position: relative;
margin-top: 12px;
cursor: pointer;
}
.cart_totals ul li label:before {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 24px;
height: 24px;
content: '';
left: -0px;
top: -2px;
}
.cart_totals ul li input:checked+label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
.cart_totals ul li input {
position: absolute;
opacity: 0;
width: 0 !important;
}
.cart_totals ul li label .dhl__label,
.cart_totals ul li label .inpost__label,
.cart_totals ul li label .odbior__label {
display: none;
}
.woocommerce-remove-coupon {
display: none;
}
.wc-proceed-to-checkout {
text-align: center;
float: left;
margin: 48px 0;
width: 100%;
}
.wc-proceed-to-checkout a {
margin: 0 5px;
}
.button--white {
font-weight: bold;
font-size: 18px;
line-height: 21px;
background: #FFFFFF;
border: 1px solid #C7C7C7;
padding: 14px 40px;
display: inline-block;
}
.woocommerce-shipping-destination {
display: none !important;
}
.cart-loader {
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(248, 248, 248, 0.6);
left: 0;
right: 0;
top: 0;
display: none;
}
.woocommerce-error {
flex-wrap: wrap;
list-style: none;
background-color: #DDDDDD;
padding: 24px;
text-align: center;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 24px;
width: 950px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 300;
text-transform: uppercase;
}
.woocommerce-error li {
width: 100%;
text-align: left;
}
.cart-empty {
font-size: 28px;
font-weight: 300;
text-transform: uppercase;
margin-top: 80px;
text-align: center;
margin-bottom: 36px;
}
.return-to-shop {
text-align: center;
margin-bottom: 80px;
}
.collaterals__center {
float: left;
width: 100%;
text-align: center;
margin: 32px 0;
border: 2px solid red;
}
.collaterals__center p {
font-size: 20px;
line-height: 150%;
}
.collaterals__center p strong {
font-weight: 700;
}
.cclarger {
font-size: 24px;
}
.ccsmaller {
font-size: 18px;
} .checkout__one {
display: block;
}
.checkout__two {
display: none;
}
.woocommerce-billing-fields {
background: #F8F8F8;
float: left;
width: 100%;
padding: 30px;
}
.woocommerce-billing-fields h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #000000;
margin-top: 0;
}
.woocommerce-billing-fields input {
height: 60px;
border: none;
font-size: 16px;
line-height: 19px;
padding-left: 28px;
width: 100%;
}
.woocommerce-billing-fields textarea {
height: 160px;
border: none;
font-size: 16px;
line-height: 19px;
padding-left: 28px;
padding-top: 16px;
resize: none;
}
.woocommerce-billing-fields p {
margin-top: 0;
margin-bottom: 32px;
}
#billing_first_name_field {
float: left;
width: 45%;
}
#billing_last_name_field {
float: right;
width: 45%;
}
#billing_email_field {
float: left;
width: 45%;
}
#billing_phone_field {
float: right;
width: 45%;
}
#billing_state_field {
display: block !important;
float: left;
width: 45%;
}
#billing_city_field {
float: left;
width: 100%;
}
#billing_address_1_field {
float: left;
width: 65%;
}
#billing_postcode_field {
float: right;
width: 25%;
}
#ship-to-different-address {
float: left;
margin-top: 40px;
margin-bottom: 0;
}
#ship-to-different-address label {
width: 244px;
text-align: center;
font-size: 18px;
line-height: 21px;
border: 1px solid #BDBDBD;
padding: 15px 40px;
display: block;
}
#ship-to-different-address .checkbox {
margin-top: 0;
}
.woocommerce-shipping-fields .shipping_address {
background: #F8F8F8;
float: left;
width: 100%;
padding: 30px;
margin-top: 40px;
}
.woocommerce-shipping-fields p {
margin-top: 0;
margin-bottom: 32px;
}
.woocommerce-shipping-fields input {
height: 60px;
border: none;
font-size: 16px;
line-height: 19px;
padding-left: 28px;
width: 100%;
}
.woocommerce-shipping-fields h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #000000;
margin-top: 0;
}
#shipping_first_name_field {
float: left;
width: 45%;
}
#shipping_last_name_field {
float: right;
width: 45%;
}
#shipping_company_field {
float: left;
width: 100%;
}
#shipping_state_field {
float: left;
width: 45%;
}
#shipping_city_field {
float: right;
width: 45%;
}
#shipping_address_1_field {
float: left;
width: 65%;
}
#shipping_postcode_field {
float: right;
width: 25%;
}
.checkout__buttons {
float: left;
width: 100%;
text-align: center;
margin-top: 40px;
margin-bottom: 80px;
}
.checkout__buttons a {
margin: 0 8px;
}
#add_gift_box_field {
float: left;
width: 100%;
}
#add_gift_box_field strong {
font-weight: 700;
font-size: 22px;
}
#add_gift_box_field .optional {
display: none;
}
#add_gift_box_field .checkbox {
list-style: none;
float: left;
padding-left: 34px;
margin-left: 0;
position: relative;
margin-top: 24px;
}
#add_gift_box_field .checkbox .label {
font-weight: 300;
font-size: 26px;
line-height: 30px;
text-transform: uppercase;
}
#add_gift_box_field .checkbox .label:before {
cursor: pointer;
background: #E7E7E7;
border: 1px solid #E7E7E7;
position: absolute;
width: 22px;
height: 22px;
content: '';
left: 0px;
top: 4px;
}
#add_gift_box_field .checkbox input:checked~.label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
#add_gift_box_field .checkbox input {
position: absolute;
opacity: 0;
width: 0 !important;
}
#invoice__button {
float: left;
margin-top: 16px;
margin-bottom: 0;
}
#invoice__button .woocommerce-form__label {
width: 244px;
text-align: center;
font-size: 18px;
line-height: 21px;
border: 1px solid #BDBDBD;
padding: 15px 40px;
display: block;
}
#invoice__button .checkbox {
margin-top: 0;
}
.invoice__section {
background: #F8F8F8;
float: left;
width: 100%;
padding: 34px 70px;
margin-top: 80px;
display: none;
}
.invoice__section input {
height: 60px;
border: none;
font-size: 16px;
line-height: 19px;
padding-left: 28px;
width: 100%;
}
#invoice-company_field {
float: left;
width: 45%;
}
#invoice-city_field {
float: right;
width: 45%;
}
#invoice-nip_field {
float: left;
width: 45%;
}
#invoice-address_field {
float: right;
width: 45%;
}
#invoice-zipcode_field {
float: left;
width: 45%;
}
.checkout__two .woocommerce-cart-form__contents {
margin-bottom: 48px;
}
.checkout__header {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
}
.checkout__header strong {
font-weight: 700;
}
.woocommerce-checkout-review-order-table {
text-align:left
}
#order_review {
background: #F8F8F8;
float: left;
width: 100%;
margin-bottom: 80px;
padding: 36px 230px 0px 230px;
}
#order_review .woocommerce-shipping-totals th {
display: none;
}
#order_review .woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
}
#order_review .woocommerce-shipping-methods li {
float: left;
width: 100%;
clear: both;
height: 100px;
padding-left: 25px;
padding-right: 3px;
position: relative;
margin-top: 16px;
cursor: pointer;
background: #FFFFFF;
line-height: 100px;
}
#order_review .woocommerce-shipping-methods li label:before {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 35px;
height: 35px;
content: '';
left: 15px;
top: 0px;
bottom: 0;
margin: auto;
}
#order_review .woocommerce-shipping-methods li input:checked+label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
#order_review .woocommerce-shipping-methods li input {
position: absolute;
opacity: 0;
width: 0 !important;
}
#order_review .woocommerce-shipping-methods li .woocommerce-Price-amount {
float: right;
}
.woocommerce-checkout-payment {
float: left;
width: 100%;
margin-top: 36px;
}
#order_review h3 {
float: left;
width: 100%;
margin: 16px auto;
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
#order_review h3 strong {
font-weight: 700;
}
.paczkomaty-shipping label {
font-weight: 300;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
margin-top: 16px;
float: left;
width: 100%;
}
.paczkomaty-shipping .select2 {
width: 100% !important;
}
#open-geowidget {
display: inline-block;
border: 1px solid #000;
padding: 8px 14px;
border-radius: 5px;
margin-top: 16px;
}
#order_review .woocommerce-checkout-payment ul {
list-style: none;
margin: 0;
padding: 0;
}
#order_review .woocommerce-checkout-payment li {
float: left;
width: 100%;
clear: both;
height: 100px;
padding-left: 72px;
padding-right: 36px;
position: relative;
margin-top: 16px;
cursor: pointer;
background: #FFFFFF;
line-height: 100px;
}
#order_review .woocommerce-checkout-payment li label:before {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 35px;
height: 35px;
content: '';
left: 36px;
top: 0px;
bottom: 0;
margin: auto;
}
#order_review .woocommerce-checkout-payment li input:checked+label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
#order_review .woocommerce-checkout-payment li input {
position: absolute;
opacity: 0;
width: 0 !important;
}
#order_review .woocommerce-checkout-payment li .woocommerce-Price-amount {
float: right;
}
.dhl__label {
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/dhl.png)center center no-repeat;
width: 110px;
height: 80px;
float: left;
margin-top: 10px;
margin-left: 24px;
margin-right: 24px;
}
.inpost__label {
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/inpost.png)center center no-repeat;
width: 110px;
height: 80px;
float: left;
margin-top: 10px;
margin-left: 24px;
margin-right: 24px;
}
.odbior__label {
background: url(//imageskincare.pl/wp-content/themes/image-skincare/img/odbior.png)center center no-repeat;
width:45px;
height: 60px;
float: left;
margin-top: 10px;
margin-left: 24px;
margin-right: 24px;
position: relative;
left: 10px;
background-size: contain!important;
}
.wc_payment_method img {
width: 110px;
height: 80px;
float: left;
margin-top: 10px;
margin-left: 24px;
margin-right: 24px;
object-fit: scale-down;
}
.shipping-method-description {
display: none;
}
.payment_box.payment_method_przelewy24 {
display: none !important;
}
.payment_box.payment_method_other_payment {
display: none !important;
}
#shipping_method li:last-of-type .shipping-method-description {
display: block;
position: absolute;
line-height: 1;
margin: 0;
bottom: 20px;
left: 230px;
font-size: 13px;
}
.payment_box.payment_method_bacs {
font-size: 12px;
line-height: 13px;
left: 230px;
right: 20px;
bottom: 5px;
position: absolute;
}
.payment_box.payment_method_bacs p {
margin: 0;
}
#order_review .order-total {
font-size: 28px;
line-height: 31px;
float: left;
width: 100%;
margin-top: 36px;
margin-bottom: 36px;
}
#order_review .order-total span {
font-weight: 300;
}
#order_review .order-total strong {
float: right;
}
#order_review .order-total strong span {
font-weight: 700;
}
#order_review .order-savings {
font-size: 28px;
line-height: 31px;
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 36px;
}
#order_review .order-savings span {
font-weight: 300;
float: left;
}
#order_review .order-savings strong {
float: right;
}
#order_review .order-savings strong span {
font-weight: 700;
color: #5AC727;
}
.woocommerce-terms-and-conditions-wrapper {
display: none;
}
.place-order p {
margin: 0;
}
.place-order .checkbox {
list-style: none;
float: left;
padding-left: 34px;
margin-left: 0;
position: relative;
margin-top: 16px;
}
.place-order .checkbox .label {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #000000;
}
.place-order .checkbox .label:before {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 24px;
height: 24px;
content: '';
left: -0px;
top: 0px;
}
.place-order .checkbox input:checked~.label:before {
background: #FFFFFF url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
.place-order .checkbox input {
position: absolute;
opacity: 0;
width: 0 !important;
}
.place-order .checkbox .optional {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
}
.place-order {
float: left;
width: 100%;
}
.second__buttons {
margin-top: 40px;
}
.second__button {
cursor: pointer;
}
.checkout__buttons span,
.checkout__buttons button {
margin: 0 8px;
}
#place_order {
cursor: pointer;
border: none;
margin-bottom: 36px;
}
.woocommerce-invalid input {
border: 2px solid red;
} .thankyou__info {
float: left;
width: 100%;
background: #F8F8F8;
padding: 28px 40px;
}
.thankyou__info p {
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 36px;
}
.thankyou__info ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 50% 50%;
grid-row-gap: 16px;
}
.thankyou__info li {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.thankyou__info li strong {
display: block;
font-size: 24px;
line-height: 28px;
text-transform: none;
margin-top: 5px;
}
.payment__shipping {
float: left;
width: 100%;
background: #F8F8F8;
padding: 45px;
margin-top: 80px;
}
.psgrid {
display: grid;
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
}
.psgrid p {
font-weight: bold;
font-size: 18px;
line-height: 21px;
margin-top: 0;
text-transform: uppercase;
margin-bottom: 32px;
}
.psgrid div div {
background: #fff;
padding: 40px 33px;
font-weight: bold;
font-size: 18px;
line-height: 21px;
}
.psgrid div div span {
float: right;
}
.woocommerce-order-details {
margin-bottom: 80px;
margin-top: 80px;
}
.order-again {
margin-left: 8px;
} .register .smallheading {
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin: 80px 0;
}
.wrap540 {
width: 540px;
margin: auto;
}
.register__form {
background: #F8F8F8;
float: left;
width: 100%;
padding: 60px 40px;
margin-bottom: 80px;
}
.register__form .woocommerce-notices-wrapper ul {
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: center;
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
}
.register__form p {
margin-top: 0;
margin-bottom: 32px;
}
.register__form .input-text {
padding-left: 28px;
font-size: 16px;
line-height: 19px;
width: 100%;
height: 60px;
background: #fff;
border: none;
}
.register__form .checkbox {
margin-top: 0;
width: 100%;
height: 32px;
line-height: 32px;
margin-bottom: 32px;
}
.register__form .button {
border: none;
}
.register__form .woocommerce-FormRow {
text-align: center;
}
.register__form .coll__popup__content p {
margin-bottom: 0;
}
.register__form .form-row {
position: relative;
float: left;
width: 100%;
}
#datepicker {
margin-bottom: 32px;
}
.input__tooltip {
position: absolute;
right: 14px;
top: 10px;
}
.input__tooltip strong {
font-weight: 700;
} .login__contact {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 80px;
margin-bottom: 120px;
}
.lphone {
margin-right: 24px;
}
.login__contact span {
display: block;
font-weight: 300;
font-size: 12px;
line-height: 14px;
margin-bottom: 12px;
}
.login__contact span span {
font-size: 14px;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
}
.login__contact span br {
display: none;
}
.login__contact a {
font-weight: bold;
font-size: 24px;
line-height: 28px;
}
.login__grid {
display: grid;
grid-template-columns: 49% 49%;
grid-column-gap: 2%;
margin-bottom: 100px;
}
.login__box {
background: #F8F8F8;
padding: 80px 80px 50px 80px;
}
.login__box h2 {
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin-top: 0;
margin-bottom: 46px;
}
.login__box p {
margin-top: 0;
margin-bottom: 32px;
}
.login__box input {
width: 100%;
height: 60px;
background: #fff;
border: none;
font-size: 16px;
padding-left: 28px;
line-height: 19px;
}
.login__box button {
border: none;
width: 100%;
}
.woocommerce-form-login__rememberme {
list-style: none;
float: left;
padding-left: 49px;
margin-left: 0;
position: relative;
}
.woocommerce-form-login__rememberme label {
font-size: 16px;
line-height: 30px;
}
.woocommerce-form-login__rememberme label:before {
cursor: pointer;
background: #E0E0E0;
border: 1px solid #E7E7E7;
border-radius: 50%;
position: absolute;
width: 30px;
height: 30px;
content: '';
left: -0px;
top: 0px;
}
.woocommerce-form-login__rememberme input:checked+label:before {
background: #E0E0E0 url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png);
background-position: center center;
background-repeat: no-repeat;
}
.woocommerce-form-login__rememberme input {
position: absolute;
opacity: 0;
width: 0 !important;
}
.login__box a {
font-size: 16px;
line-height: 30px;
float: right;
}
.register__box {
background: #F8F8F8;
text-align: center;
padding: 80px 80px 50px 80px;
text-align: center;
}
.register__box h2 {
font-weight: 300;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 46px;
}
.register__box a {
float: left;
width: 100%;
background: #FFFFFF;
border: 1px solid #fff;
font-weight: bold;
font-size: 18px;
height: 60px;
line-height: 60px;
margin-bottom: 32px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.register__box a:hover {
border: 1px solid #BDBDBD;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
} .woocommerce-ResetPassword {
float: left;
width: 100%;
background: #F8F8F8;
padding: 64px;
text-align: center;
margin: 50px 0 100px 0;
}
.woocommerce-ResetPassword .smallheading {
margin-top: 0;
margin-bottom: 32px;
font-weight: 300;
text-transform: uppercase;
}
.woocommerce-ResetPassword p {
margin: 0;
}
.woocommerce-ResetPassword input {
margin-bottom: 32px;
background: #FFFFFF;
height: 60px;
width: 100%;
border: none;
font-size: 16px;
line-height: 19px;
padding-left: 28px;
}
.woocommerce-ResetPassword button {
border: none;
}
.woocommerce-lost-password .woocommerce-notices-wrapper {
margin-top: 40px;
text-align: center;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
text-align: center;
}
.woocommerce-lost-password .woocommerce-notices-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
.thankyou__content p {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
} .woocommerce-MyAccount-navigation {
float: left;
width: 100%;
margin-top: 16px;
margin-bottom: 36px;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(6, 20%);
}
.woocommerce-MyAccount-navigation ul li {
border: 1px solid #F5F5F5;
height: 60px;
line-height: 60px;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
height: 60px;
width: 100%;
line-height: 60px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: #F5F5F5;
}
.myaccount__p {
font-weight: 300;
font-size: 14px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
}
.myaccount__p strong {
font-weight: 700;
}
.woocommerce-Addresses {
background: #F8F8F8;
padding: 56px 70px;
float: left;
width: 100%;
margin-bottom: 80px;
}
.woocommerce-Address-title h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 0;
display: inline-block;
}
.woocommerce-Address-title a {
text-decoration: underline;
margin-left: 16px;
}
.woocommerce-Addresses .woocommerce-Address {
width: 50%;
float: left;
}
.myaccount__section #billing_address_1_field {
width: 50%;
}
.myaccount__section #billing_last_name_field {
float: left;
width: 50%;
}
.myaccount__section #billing_first_name_field {
float: left;
width: 50%;
}
.myaccount__section #billing_state_field {
float: left;
width: 50%;
}
.myaccount__section #billing_city_field {
float: left;
width: 50%;
}
.myaccount__section #billing_phone_field {
float: left;
width: 50%;
}
.myaccount__section #billing_postcode_field {
float: left;
width: 50%;
}
.myaccount__section #billing_email_field {
width: 50%;
}
.myaccount__section #shipping_company_field {
width: 50%;
}
.myaccount__section #shipping_address_1_field {
width: 50%;
}
.myaccount__section #shipping_last_name_field {
float: left;
width: 50%;
}
.myaccount__section #shipping_first_name_field {
float: left;
width: 50%;
}
.myaccount__section #shipping_state_field {
float: left;
width: 50%;
}
.myaccount__section #shipping_city_field {
float: left;
width: 50%;
}
.myaccount__section #shipping_postcode_field {
float: left;
width: 50%;
}
.myaccount__section {
background: #F8F8F8;
padding: 56px 70px;
float: left;
width: 100%;
margin-bottom: 80px;
}
.myaccount__section h3 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 0;
}
.myaccount__section p {
float: left;
width: 50%;
}
.myaccount__section input {
background: #fff;
border: none;
height: 60px;
padding-left: 28px;
display: block;
width: 90%;
}
.myaccount__section em {
font-size: 14px;
}
.myaccount__submit {
text-align: center;
float: left;
width: 100%;
margin-top: 0;
margin-bottom: 80px;
}
.myaccount__submit button {
border: none;
cursor: pointer;
}
.orders__header {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-align: center;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 80px;
}
.woocommerce-orders-table {
border-collapse: collapse;
}
.woocommerce-orders-table__header {
font-size: 16px;
line-height: 19px;
text-align: center;
height: 100px;
}
.woocommerce-orders-table__row td {
border: 1px solid #F5F5F5;
height: 100px;
font-size: 16px;
line-height: 19px;
text-align: center;
}
.myaccount__undertable {
float: left;
width: 100%;
text-align: center;
margin-top: 60px;
margin-bottom: 80px;
font-weight: 300;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.myaccount__undertable strong {
font-weight: 700;
}
.myaccount__undertable a {
font-weight: 700;
text-decoration: underline;
}
.myaccount__dashboardp {
float: left;
width: 100%;
text-align: center;
margin-top: 0px;
margin-bottom: 60px;
font-weight: 300;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.myaccount__dashboardp strong {
font-weight: 700;
}
.myaccount__dashboardp a {
font-weight: 700;
text-decoration: underline;
}
.woocommerce-customer-details .woocommerce-columns--addresses {
background: #F8F8F8;
padding: 56px 70px;
float: left;
width: 100%;
margin-bottom: 80px;
}
.woocommerce-customer-details .woocommerce-columns--addresses h2 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 0;
display: inline-block;
}
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column {
width: 50%;
float: left;
}
.myaccount__orderinfo {
float: left;
width: 100%;
text-align: center;
margin-top: 24x;
margin-bottom: 48px;
font-weight: 300;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.myaccount__orderinfo strong {
font-weight: 700;
}
.woocommerce-order-details h2 {
font-weight: 300;
font-size: 32px;
line-height: 37px;
text-transform: uppercase;
color: #2A2D22;
margin-top: 0;
margin-bottom: 26px;
}
.woocommerce-order-details h2 strong {
font-weight: 700;
}
.woocommerce-table--order-details {
border-collapse: collapse;
margin-bottom: 36px;
}
.woocommerce-table--order-details th {
border: 1px solid #F5F5F5;
font-size: 16px;
line-height: 19px;
text-align: center;
height: 100px;
}
.woocommerce-table--order-details td {
border: 1px solid #F5F5F5;
height: 100px;
font-size: 16px;
line-height: 19px;
text-align: center;
}
.woocommerce-form-login-toggle {
display: none;
}
.woocommerce-MyAccount-content .woocommerce-message {
margin-bottom: 32px;
} .contact {
margin-bottom: 100px;
}
.contact__left {
float: left;
width: 36%;
}
.contact__left h1 {
text-transform: uppercase;
margin: 80px 0;
}
.form__select {
margin-bottom: 45px;
float: left;
width: 100%;
}
.form__select button {
border: none;
float: left;
margin-right: 35px;
background: #F8F8F8;
cursor: pointer;
}
.form__select button.active {
background: #EEE0CF;
}
.contact__forms p {
margin-top: 0;
margin-bottom: 32px;
float: left;
width: 100%;
}
.contact__forms input {
border: none;
width: 100%;
background: #F8F8F8;
height: 60px;
color: #101010;
font-size: 16px;
padding-left: 28px;
}
.contact__forms textarea {
resize: none;
border: none;
background: #F8F8F8;
color: #101010;
font-size: 16px;
padding-left: 28px;
padding-top: 18px;
height: 180px;
}
.wpcf7-acceptance label {
list-style: none;
float: left;
padding-left: 34px;
margin-left: 0;
position: relative;
text-align: left;
line-height: 1;
}
.wpcf7-acceptance label span {
font-size: 12px;
line-height: 14pxtext-align:left;
}
.wpcf7-acceptance label span:before {
cursor: pointer;
background: #F8F8F8;
border-radius: 50%;
position: absolute;
width: 24px;
height: 24px;
content: '';
left: 0px;
top: 6px;
}
.wpcf7-acceptance label span {
font-size: 12px;
line-height: 14pxtext-align:left;
}
.wpcf7-acceptance label input:checked+span:before {
background: #F8F8F8 url(//imageskincare.pl/wp-content/themes/image-skincare/img/check.png)center center no-repeat;
}
.wpcf7-acceptance label input {
position: absolute;
opacity: 0;
width: 0 !important;
}
.form__accept .wpcf7-form-control-wrap {
float: left;
max-width: 65%;
}
.contact__forms input.wpcf7-submit {
float: right;
height: auto;
width: auto;
font-size: 18px;
line-height: 21px;
font-weight: 700;
padding: 15px 40px;
background: #EEE0CF;
}
span.wpcf7-list-item {
margin-left: 0;
}
.hiding__form {
display: none;
}
.hiding__form.active {
display: block;
}
.wpcf7-response-output {
float: left;
width: 100%;
}
.contact__content {
float: right;
width: 36%;
margin-top: 39px;
}
.contact__content h2 {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
float: left;
margin-top: 41px;
margin-bottom: 28px;
}
.contact__section {
background: #F8F8F8;
float: left;
width: 100%;
padding: 36px 24px;
}
.contact__section a {
display: flex;
align-items: center;
margin-bottom: 24px;
font-size: 16px;
line-height: 19px;
}
.contact__section a img {
margin-right: 26px;
}
.contact__section p {
margin: 0;
font-size: 16px;
line-height: 19px;
}
.contact__section .address {
display: flex;
align-items: center;
}
.contact__section .address img {
margin-right: 26px;
}
.contact__socials {
float: left;
width: 100%;
}
.contact__socials a {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
margin-right: 32px;
font-size: 28px;
} .site-footer {
float: left;
width: 100%;
}
.footer__info {
background: #E0E0E0;
float: left;
width: 100%;
}
.grid--3--center {
display: grid;
align-items: center;
grid-template-columns: 27% 27% 27%;
justify-content: space-between;
margin: 75px 0;
}
.footer__info--section {
display: grid;
align-items: center;
grid-template-columns: 70px auto;
grid-column-gap: 34px;
}
.footer__info--section img {
margin-right: 34px;
width: 69px;
}
.footer__info--section div {
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
}
.footer__main {
background: #fff;
float: left;
width: 100%;
padding: 60px 0;
}
.grid--3--top {
display: grid;
grid-template-columns: auto 1fr 50%;
grid-column-gap: 20px;
}
.footer__logo {
display: grid;
}
.footer__socials {
align-self: end;
}
.footer__socials a {
font-size: 28px;
margin-right: 36px;
}
.footer__menu ul {
list-style: none;
margin: 0;
padding: 0;
columns: 3;
column-gap: 10px;
}
@media (max-width:1200px) {
.footer__menu ul {
column-gap: 100px;
}
}
@media (max-width:800px) {
.footer__menu ul {
column-gap: 50px;
}
}
.footer__menu ul li {
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #000000;
margin-bottom: 15px;
}
.footer__company--data {
display: grid;
grid-template-columns: auto auto auto;
}
@media (max-width:1200px) {
.footer__company--data {
justify-content: space-around;
}
}
.footer__company--data div {
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.footer__company--data div p {
margin: 14px 0;
}
.footer__company--data h5 {
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #000000;
margin: 0;
}
.footer__widetext {
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #000000;
}
.footer__widetext p {
margin-bottom: 0;
}
.footer__widetext a {
font-weight: 700;
}
.footer__copy {
background: #F8F8F8;
float: left;
width: 100%;
}
.footer__copy p {
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #000000;
margin: 25px 0;
}
.image__popup {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(17, 17, 17, 0.5);
z-index: 999;
}
.image__popup__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: auto;
width: 800px;
left: 0;
right: 0;
text-align: center;
}
.image__close {
position: absolute;
cursor: pointer;
top: -23px;
right: -23px;
}
.image__image {
max-width: 100%;
max-height: 80vh;
} @media screen and (max-height: 820px) {
.popup__form .input-wrap input {
margin-bottom: 16px;
height: 50px;
}
.popup__content h3 {
margin-top: 40px;
margin-bottom: 16px;
}
.form-submit {
margin-bottom: 0px;
}
}
@media screen and (max-width: 1200px) {
.wrap {
width: 100%;
padding: 0 10px;
}
.contact__left {
width: 46%;
}
.home__about__grid {
display: grid;
grid-template-columns: 50% 50%;
}
.about__sections .about__section:nth-of-type(2n) .home__about__grid {
grid-template-columns: 50% 50%;
}
.spacer {
display: none;
}
.home__about__text {
padding: 0 32px;
}
.grid--3--center {
grid-template-columns: 31% 31% 31%;
}
.menu-toggle {
border: none;
background: none;
}
.main-navigation.toggled ul.nav-menu {
position: absolute;
background: #fff;
top: 100%;
left: 0;
width: 100%;
padding: 0 10px;
}
.header__grid {
grid-template-columns: 110px 1fr auto;
}
li.has-mega-menu>.sub-menu {
width: 100%;
grid-template-columns: 100%;
padding-top: 20px !important;
padding-bottom: 24px !important;
padding-left: 10px;
padding-right: 10px;
}
.nav-menu li {
margin: 5px 0;
height: 30px;
line-height: 30px;
width: 100%;
position: relative
}
.main-navigation ul ul {
top: 100%;
background: #fafafa;
}
li.has-mega-menu>.sub-menu::before {
display: none;
}
li.has-mega-menu:hover>.sub-menu {
display: block;
background: #fafafa;
}
.main-navigation ul ul a {
width: 100%;
}
.mega-menu-column>a {
margin-bottom: 8px;
}
.mega-menu-column .sub-menu li {
margin: 0 0 8px 0;
display: block;
}
.main-navigation ul ul .menu-item-has-children {
height: auto;
line-height: 16px;
float: left;
width: 100%;
}
li.has-mega-menu>.sub-menu {
overflow-y: scroll;
max-height: 60vh;
}
.mega-menu-column .sub-menu {
width: 100%;
}
.home__slide__content {
width: 100%;
padding-right: 60%;
padding-left: 10px;
}
.grid--3--top {
grid-template-columns: 100%;
justify-items: center;
grid-row-gap: 36px;
}
.footer__main {
padding: 30px 0;
}
.footer__socials a {
margin-right: 8px;
margin-left: 8px;
}
.product__infobar__grid {
grid-template-columns: 24% 24% 24% 24%;
}
.kolekcje__grid {
grid-template-columns: 100%;
}
.kolekcja__img {
height: 320px;
}
.sklep__kolekcja {
margin-bottom: 80px;
}
.pzp__section {
margin: 80px 0;
}
.cart_item .product-name {
font-size: 14px;
line-height: 17px;
}
.cart_item .product-price {
font-size: 16px;
line-height: 30px;
}
.cart_item .product-subtotal {
font-size: 16px;
line-height: 30px;
}
.qty {
height: 44px;
width: 60px;
font-size: 16px;
line-height: 32px;
padding-left: 10px;
}
.qty-up {
width: 28px;
height: 22px;
}
.qty-down {
width: 28px;
height: 22px;
}
.cart_item .product-remove .remove {
font-size: 16px;
line-height: 19px;
padding: 12px;
}
#order_review {
margin-bottom: 40px;
padding: 36px 120px 0px 120px;
}
.woocommerce-message {
padding: 16px;
margin-left: 4%;
margin-right: 4%;
margin-top: 16px;
width: 92%;
}
.woocommerce-message .button {
margin-left: 8px;
}
.login__box {
padding: 36px;
}
.register__box {
padding: 36px;
}
}
@media screen and (max-width: 920px) {
.home__products__grid {
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
}
.shop-content .products__grid {
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
}
.shop-content ul.page-numbers li {
margin: 4px 0;
}
.products__grid {
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
}
.single__thumb__wrap {
width: 100%;
padding: 0 10px;
}
.wrap__880 {
width: 100%;
padding: 0 10px;
}
.zp__grid {
grid-template-columns: 100%;
}
.sz__section:nth-of-type(2n+1) {
grid-template-columns: 100%;
}
.sz__section {
margin-bottom: 40px;
}
.sz__section img {
width: 100%;
}
.sz__section:nth-of-type(2n+1) .sz__content {
grid-column: 1;
grid-row: 2;
}
.sz__section:nth-of-type(2n) {
grid-template-columns: 100%;
}
.sz__section:nth-of-type(2n) img {
grid-column: 1;
grid-row: 1;
}
.sz__section:nth-of-type(2n) .sz__content {
grid-column: 1;
grid-row: 2;
}
.sz__content h2 {
margin-top: 16px;
margin-bottom: 16px;
}
.szkolenia__grid {
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
grid-row-gap: 36px;
}
#shipping_method li:last-of-type .shipping-method-description {
bottom: 10px;
}
}
@media screen and (max-width: 780px) {
.home__slide img {
float: right;
width: 100%;
}
.home__slide__content {
position: relative;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 24px;
padding-bottom: 24px;
transform: translateY(0);
}
.contact__left {
width: 100%;
}
.contact__content {
width: 100%;
}
.home__about__grid {
display: grid;
grid-template-columns: 100%;
}
.about__sections .about__section:nth-of-type(2n) .home__about__grid {
grid-template-columns: 100%;
}
.about__sections .about__section:nth-of-type(2n) .home__about__text {
grid-row: 2;
grid-column: 1;
padding-left: 32px;
padding-right: 32px;
}
.about__sections .about__section:nth-of-type(2n) .home__about__image {
grid-row: 1;
grid-column: 1;
}
.home__about__text {
grid-row: 2;
grid-column: 1;
}
.home__about__text {
padding: 24px;
}
.home__about__image {
grid-row: 1;
grid-column: 1;
}
.home__about__text h3 {
margin-top: 24px;
margin-bottom: 32px;
}
.grid--3--center {
grid-template-columns: 100%;
grid-row-gap: 32px;
margin: 35px 0;
grid-row-gap: 0;
}
.posts__grid {
grid-template-columns: 100%;
}
.newsletter__content {
grid-template-columns: 100%;
}
.product__top__grid {
grid-template-columns: 100%;
}
.gabinet-list {
grid-template-columns: 100px 1fr;
}
.single__content__wrap {
width: 100%;
padding: 0 10px;
}
.woocommerce-billing-fields {
padding: 24px 36px;
}
.invoice__section {
padding: 24px 36px;
}
.woocommerce-shipping-fields .shipping_address {
padding:30px;
margin-top: 40px;
}
#ship-to-different-address {
margin-top: 40px;
}
#order_review {
padding: 24px;
}
.woocommerce-orders-table__cell-order-actions .button {
font-size: 16px;
line-height: 19px;
padding: 12px 16px;
}
.woocommerce-orders-table__row td {
font-size: 12px;
line-height: 17px;
}
.myaccount__section p {
width: 100%;
}
.myaccount__section input {
width: 100%;
}
.login__grid {
grid-template-columns: 100%;
grid-row-gap: 16px;
margin-bottom: 50px;
}
.image__popup__content {
width: 100%;
}
.image__close {
top: -12px;
right: 0px;
width: 32px;
}
}
@media screen and (max-width: 680px) {
.shop__sidebar {
width: 200px;
}
.shop-content {
width: calc(100% - 200px);
}
.shop-content .products__grid {
grid-template-columns: 100%;
}
#searchform {
width: 100%;
}
.mini__cart {
width: 100vw;
right: -10px;
padding: 15px 16px;
top: 50px;
}
.product__infobar__grid {
grid-template-columns: 48% 48%;
grid-row-gap: 24px;
}
.wrap620 {
width: 100%;
padding: 0 10px;
}
.gc__grid {
grid-template-columns: 100%;
margin: 60px 0;
grid-row-gap: 24px;
}
.gc__text h1 {
margin-bottom: 24px;
}
.popup__form {
width: 100%;
padding: 0 20px 20px;
}
.popup__form .input-wrap input {
margin-bottom: 16px;
padding-left: 16px;
height: 38px;
font-size: 14px;
}
.checkbox label {
display: block;
}
.popup__content h3 {
margin-top: 40px;
margin-bottom: 16px;
font-size: 20px;
line-height: 24px;
}
.form-submit {
margin-bottom: 10px;
}
.checkout__steps {
margin: 40px 0;
}
.steps__wrap {
width: 100%;
}
.step__one::after,
.step__two::after,
.step__three::after {
display: none;
}
.before__cart {
margin-bottom: 40px;
display: grid;
}
.before__cart h1 {
font-size: 28px;
line-height: 32px;
width: 100%;
text-align: center;
margin-bottom: 16px;
grid-row: 2;
}
.login__contact {
justify-content: center;
margin-top: 24px;
width: 100%;
margin-bottom: 24px;
}
.before__cart .login__contact {
grid-row: 1;
}
.cart__collaterals {
margin-top: 40px;
padding: 30px 24px;
grid-template-columns: 100%;
grid-row-gap: 36px;
}
.undercart {
grid-template-columns: 48% 48%;
padding: 24px;
grid-column-gap: 4%;
grid-row-gap: 24px;
}
.wc-proceed-to-checkout a {
margin: 5px;
}
.collaterals__rabaty {
font-size: 28px;
line-height: 32px;
margin-bottom: 16px;
}
#add_gift_box_field .checkbox .label {
font-size: 28px;
line-height: 32px;
}
.woocommerce-MyAccount-navigation ul {
grid-template-columns: 100%;
}
.woocommerce-MyAccount-navigation ul li a {
height: 50px;
line-height: 50px;
}
.woocommerce-MyAccount-navigation ul li {
height: 50px;
line-height: 50px;
}
.woocommerce-Addresses .woocommerce-Address {
width: 100%;
}
}
@media screen and (max-width: 560px) {
#order_review .woocommerce-shipping-methods li {
height: 80px;
padding-left: 62px;
padding-right: 24px;
line-height: 80px;
}
#order_review .woocommerce-shipping-methods li label::before {
width: 32px;
height: 32px;
left: 16px;
}
.dhl__label {
display: none;
}
.inpost__label {
display: none;
}
.odbior__label {
display: none;
}
.wc_payment_method img {
display: none;
}
#order_review .woocommerce-checkout-payment li {
height: 80px;
padding-left: 62px;
padding-right: 24px;
line-height: 80px;
}
#order_review .woocommerce-checkout-payment li label::before {
width: 32px;
height: 32px;
left: 16px;
}
#shipping_method li:last-of-type .shipping-method-description {
bottom: 5px;
left: 62px;
}
}
@media screen and (max-width: 480px) {
.heading {
font-size: 38px;
line-height: 46px;
}
.smallheading {
font-weight: 300;
font-size: 26px;
line-height: 30px;
}
.footer__menu ul {
columns: 2;
}
.footer__menu ul li {
margin-bottom: 20px;
}
.footer__socials {
text-align: center;
}
.footer__company--data {
grid-template-columns: 100%;
text-align: center;
grid-row-gap: 16px;
}
.newsletter__text {
padding-left: 16px;
padding-right: 16px;
}
.shop__sidebar {
width: 100%;
}
.shop-content {
width: 100%;
}
.shop__sidebar ul li {
width: 50%;
}
.shop__sidebar ul {
columns: 1;
margin: 0 0 40px 0
}
.shop__search {
margin: 40px 0;
}
.products__grid {
grid-template-columns: 100%;
}
.gabinet-list {
grid-template-columns: 100%;
grid-row-gap: 0px;
}
.gabinet__info {
padding: 16px;
text-align: center;
}
.gabinet-list-name {
margin-bottom: 16px;
}
.gabinet-list-address {
margin-bottom: 16px;
}
.gabinet__pin {
padding-top: 16px;
}
.single__content {
padding: 24px;
margin-top: 0px;
}
.szkolenia__grid {
grid-template-columns: 100%;
grid-row-gap: 24px;
}
.checkout__steps {
flex-wrap: wrap;
}
.checkount__step {
width: 48%;
margin-bottom: 16px;
height: 90px;
}
.collaterals__left .coupon {
margin-bottom: 36px;
}
#billing_first_name_field,
#billing_last_name_field,
#billing_email_field,
#billing_phone_field,
#billing_state_field,
#billing_city_field {
width: 100%;
}
#billing_address_1_field,
#billing_postcode_field {
width: 100%;
}
#shipping_first_name_field,
#shipping_last_name_field,
#shipping_company_field,
#shipping_state_field,
#shipping_city_field,
#shipping_address_1_field,
#shipping_postcode_field {
width: 100%;
}
#invoice-company_field,
#invoice-city_field,
#invoice-nip_field,
#invoice-address_field,
#invoice-zipcode_field {
width: 100%;
}
.woocommerce-billing-fields textarea {
height: 120px;
}
.woocommerce-billing-fields input {
height: 50px;
padding-left: 16px;
}
.woocommerce-billing-fields p {
margin-bottom: 16px;
}
.coll__icon {
margin-left: 4px;
}
.collaterals__rabaty {
position: relative;
font-size: 24px;
line-height: 30px;
}
.coll__wrap {
position: static;
}
.collaterals__zabieg {
position: relative;
font-size: 24px;
line-height: 30px;
}
#add_gift_box_field .checkbox .label {
font-size: 20px;
}
.product-thumbnail {
display: none;
}
.cart_item .product-name {
padding-left: 4px;
}
.product-price {
padding-left: 4px;
padding-right: 4px;
}
.product-subtotal {
padding-right: 4px;
}
#order_review {
padding: 24px 16px;
}
.myaccount__section {
padding: 28px;
}
.woocommerce-message {
flex-direction: column;
row-gap: 8px;
}
.home__product__thumb {
height: 320px;
}
.single__content .home__product {
margin-bottom: 30px;
grid-template-columns: 100%;
grid-row-gap: 16px;
}
}
@media screen and (max-width: 420px) {
.form__select button {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.form__accept .wpcf7-form-control-wrap {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
}
.header__grid {
grid-template-columns: 100px 1fr auto;
}
.home__products__grid {
grid-template-columns: 100%;
}
.woocommerce-mini-cart__buttons .button {
margin-bottom: 10px;
margin-left: 0;
width: 100%;
float: left;
text-align: center;
display: block;
}
.mini_cart_item .remove {
font-size: 14px;
line-height: 17px;
background: #EEE0CF;
padding: 12px;
}
.mini__cart--things {
margin: 0;
padding-left: 20px;
padding-right: 10px;
}
.mini__cart--title {
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.lista-wrap {
grid-template-columns: 100%;
row-gap: 24px;
}
.kolekcja__text {
width: 70%;
}
.collaterals__left .coupon #coupon_code {
padding-left: 14px;
}
.button {
padding: 15px 26px;
}
.button--white {
padding: 14px 26px;
}
.checkout__buttons span,
.checkout__buttons button {
margin: 8px;
}
.woocommerce-Addresses {
padding: 28px;
}
}
@media screen and (max-width: 600px) { .shop_table_responsive.cart,
.shop_table_responsive.cart thead,
.shop_table_responsive.cart tbody,
.shop_table_responsive.cart th,
.shop_table_responsive.cart td,
.shop_table_responsive.cart tr {
display: block;
} .shop_table_responsive.cart thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.shop_table_responsive.cart td { border: 1px solid #d2d3d3;
position: relative;
padding-left: 30% !important;
}
.shop_table_responsive.cart td.product-thumbnail {
padding-left: 0 !important;
text-align: center;
}
.shop_table_responsive.cart td.product-name {
padding-left: 10px !important;
text-align: center;
}
.cart_item .product-remove {
text-align: center;
}
.shop_table_responsive.cart td.product-spacer {
border-color: #FFF;
height: 10px;
}
.shop_table_responsive.cart td:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.woocommerce-page table.shop_table td.product-remove:before {
content: "Usuń z koszyka";
}
.woocommerce-page table.shop_table td.product-price:before {
content: "Cena";
}
.woocommerce-page table.shop_table td.product-quantity:before {
content: "Ilość";
}
.woocommerce-page table.shop_table td.product-subtotal:before {
content: "Kwota";
}
.woocommerce-page table.shop_table td.product-total:before {
content: "Suma";
}
.woocommerce .quantity,
.woocommerce #content .quantity,
.woocommerce-page .quantity,
.woocommerce-page #content .quantity {
margin: 0;
}
.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
text-align: left;
border: 0;
padding-left: 6px !important;
}
.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .button.alt {
float: left;
margin-top: 10px;
}
.woocommerce-page table.cart td.actions div,
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input,
.woocommerce-page #content table.cart td.actions input {
margin-bottom: 10px;
}
}
section.crumbs {
margin-top: 30px;
}
.label-custom {
padding: 15px;
color: #000;
text-transform: uppercase;
background-color: #eee0cf;
} body.tax-product_cat .woocommerce-products-header__title {
display: block;
}
body.woocommerce-cart .cart__collaterals {
display: flex;
flex-direction: column;
}
header.site-header>.wrap {
width: 90%;
}
.main-navigation {
display: flex;
justify-content: center;
}
header.site-header>.wrap .header__grid {
grid-template-columns: 120px 1fr auto;
}
@media(max-width:1420px) {
header.site-header>.wrap .nav-menu li {
margin: 0px 10px;
}
}
@media(max-width:1250px) {
.nav-menu>.menu-item-has-children {
padding-right: 20px;
}
}
.nav-menu li:last-child{
margin-right: 0;
}
.nav-menu li:first-child{
margin-left: 0;
}
.aktualnosci .searchwrap{
margin: 0px 0px 20px;
}
.woocommerce-mini-cart{
height: 70vh !important;
overflow-y: scroll !important;
}
.first_p p{
margin: 0 !important;
margin-top: 14px !important;
}
.second_p p{
margin: 0 !important;
}
.cn-button.bootstrap{
background:#000 !important;
}
#calc_shipping_country_field {
display: none !important;
}
.shipping-calculator-form {
display: block !important;
}
.shipping-calculator-button {
pointer-events: none;
color: transparent;
}
.new-price-afer-discount{
width: 100%;
display: flex;
justify-content: flex-end;
}
.new-price-afer-discount span{
font-size: 22px;
line-height: 26px;
color: #C18325;
font-weight: bold;
}
.woocommerce-checkout button#place_order {
width: 100%!important;
margin-top: 20px!important;
padding-top: 20px!important;
padding-bottom: 20px!important;
text-transform: uppercase!important;
background: #222!important;
color: #ffffff!important;
transition:all .3s
}
.woocommerce-checkout button#place_order:hover{
background:#EEE0CF!important;
color:#222!important
}
.woocommerce-billing-fields input,
.woocommerce-billing-fields textarea,
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields textarea {
border: 1px solid #e3e3e3;
}
.woocommerce-checkout-payment{
margin-top:0!important
}
.woocommerce-checkout  table.shop_table.woocommerce-checkout-review-order-table > thead,
.woocommerce-checkout  table.shop_table.woocommerce-checkout-review-order-table > tbody,
.woocommerce-checkout  table.shop_table.woocommerce-checkout-review-order-table > tfoot tr.cart-subtotal {
display: none;
}
.woocommerce-cart form.woocommerce-cart-form table.shop_table button[name="apply_coupon"]{
color:#171717!important
}
.woocommerce-cart .button{
background: #EEE0CF!important;
color:#171717!important
}
.woocommerce-cart a.button.button--border{
display:none
}
.woocommerce-cart .home__product__text{
padding:0 16px 80px 16px!important
}