/* Theme Name: Alt Theme URI: Author: Krzysiek Dróżdż (WPmagus.pl) Author URI: http://wpmagus.pl/ Description: Version: 2.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: alt */ /* Style guide * ======================================== */ :root { --color-emerald: #0B3142; --color-light-emerald: #566871;/*#7D929B;*/ --color-lighter-emerald: #CCD3E7; --color-gold: #E7CF5D; --color-orange: #FC6E1E; --color-light-orange: #FFB48F; --color-lighter-orange: #FACEB8; --color-brown: #7C7C75; --color-beige: #EAEADE; --color-gray: #7D929B; --color-light-gray: #EFEFEF; --color-lighter-gray: #F0F0EF; --color-almost-white: #F7F7F7; --color-white: #FFFFFF; --color-base-text: var(--color-emerald); --color-background: var(--color-white); --color-background-alt: var(--color-almost-white); --font-family-base: 'Rosario', sans-serif; --font-text: normal 400 1rem/1.5 'Rosario', sans-serif; --font-text-small: normal 400 .875rem/1.4286 'Rosario', sans-serif; --font-text-smaller: normal 400 .75rem/1.25 'Rosario', sans-serif; --font-label: normal 600 .875rem/1.2857 'Rosario', sans-serif; /* Sarabun */ --font-price: normal 700 1rem/1.1875 'Lato', sans-serif; --font-price-big: normal 700 1.25rem/1.2 'Lato', sans-serif; --font-price-bigger: normal 700 2rem/1.1875 'Lato', sans-serif; --font-price-small: normal 600 .875rem/1.214 'Lato', sans-serif; --font-h1: normal 700 2.5rem/1.2 'Rosario', sans-serif; --font-h2: normal 700 1.75rem/1.214 'Rosario', sans-serif; --font-h3: normal 700 1.0625rem/1.235 'Rosario', sans-serif; --font-h4: normal 600 1rem/1.3125 'Rosario', sans-serif; /* Sarabun */ --font-h5: normal 600 .875rem/1.3125 'Rosario', sans-serif; /* Sarabun */ --font-h6: normal 600 .75rem/1.3125 'Rosario', sans-serif; /* Sarabun */ --font-base: var(--font-text); --space-0: 2rem; --space-1: 1.6875rem; --space-2: 1.25rem; --space-3: 1rem; --space-4: .5rem; --space-base: var(--space-2); --container-width: 1170px; --container-max-width: calc(100vw - 2*var(--space-0)); --content-width: 1170px; --content-narrow-width: 970px; --content-narrower-width: 690px; } @media (max-width: 600px) { :root { --container-max-width: calc(100vw - 2 * var(--space-2)); } } /* Theme Color Palette * ======================================== */ .has-emerald-color {color: var(--color-emerald) !important;} .has-emerald-background-color {background-color: var(--color-emerald) !important;} .has-light-emerald-color {color: var(--color-light-emerald) !important;} .has-light-emerald-background-color {background-color: var(--color-light-emerald) !important;} .has-lighter-emerald-color {color: var(--color-lighter-emerald) !important;} .has-lighter-emerald-background-color {background-color: var(--color-lighter-emerald) !important;} .has-gold-color {color: var(--color-gold) !important;} .has-gold-background-color {background-color: var(--color-gold) !important;} .has-orange-color {color: var(--color-orange) !important;} .has-orange-background-color {background-color: var(--color-orange) !important;} .has-light-orange-color {color: var(--color-light-orange) !important;} .has-light-orange-background-color {background-color: var(--color-light-orange) !important;} .has-lighter-orange-color {color: var(--color-lighter-orange) !important;} .has-lighter-orange-background-color {background-color: var(--color-lighter-orange) !important;} .has-brown-color {color: var(--color-brown) !important;} .has-brown-background-color {background-color: var(--color-brown) !important;} .has-beige-color {color: var(--color-beige) !important;} .has-beige-background-color {background-color: var(--color-beige) !important;} .has-gray-color {color: var(--color-gray) !important;} .has-gray-background-color {background-color: var(--color-gray) !important;} .has-light-gray-color {color: var(--color-light-gray) !important;} .has-light-gray-background-color {background-color: var(--color-light-gray) !important;} .has-white-color {color: var(--color-white) !important;} .has-white-background-color {background-color: var(--color-white) !important;} /* html5doctor.com Reset v1.6.1 - http://cssreset.com */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}input,select{vertical-align:middle} html {box-sizing: border-box;} *, *:before, *:after {box-sizing: inherit;} a {text-decoration: underline;} a:hover {text-decoration: none;} p, ul, ol, table, blockquote, address, dl {margin: var(--space-base) 0;} hr {margin: var(--space-0) 0;} h1, h2, h3, h4, h5, h6 {margin: var(--space-0) 0 var(--space-base) 0;} ::-webkit-input-placeholder {color: #939393;} :-moz-placeholder {color: #939393;} ::-moz-placeholder {color: #939393; opacity: 1;} :-ms-input-placeholder {color: #939393;} /*:not(.wp-block-image.is-resized) > img {max-width: 100%; height: auto;}*/ img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height: auto;} embed, iframe, object, video {margin: var(--space-base) 0; max-width: 100%;} .grecaptcha-logo iframe {margin: 0;} p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {margin-bottom: 0;} input[type="submit"], button, select {-webkit-appearance: none;} address {font-style: normal;} main, article, section, header, footer, nav, aside {display: block;} /* Tools * ======================================== */ #page-wrap {overflow-x: hidden; width: 100%; position: relative;} .container {width: var(--container-width); max-width: var(--container-max-width); margin: 0 auto;} .container:after {content: ''; display: block; clear: both;} .screen-reader-text {position: absolute; width: 0; height: 0; overflow: hidden;} .clear {display: block; clear: both;} .video-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;} .video-container iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .video-container .video-thumbnail {position: relative;} .video-container .video-thumbnail:after {content: ''; width: 7.375rem; height: 7.375rem; border-radius: 100%; position: absolute; left: 50%; top: 50%; background: rgba(0, 0, 0, .25) url('assets/images/button-play.png') no-repeat 50% 50%; background-size: contain; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } .icon a {text-decoration: none;} .icon a span {display: none;} .icon a:before {content: ''; height: 14px; display: inline-block;} .icon--facebook a:before {width: 15px; background: url('assets/images/icon-facebook.png') no-repeat left 50%;} .icon--linkedin a:before {width: 16px; background: url('assets/images/icon-linkedin.png') no-repeat left 50%;} .icon--instagram a:before {width: 14px; background: url('assets/images/icon-instagram.png') no-repeat left 50%;} /* Global * ======================================== */ html {font-size: 16px; font-family: var(--font-family-base); background: var(--color-background);} body {font: var(--font-base); color: var(--color-base-text);} ul, ol {margin-left: var(--space-base);} a {color: var(--color-base-text); text-decoration: underline; font-weight: bold; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a:hover {text-decoration: none; opacity: .75;} h1, h2, h3, h4, h5, h6, h1.has-text-color, h2.has-text-color, h3.has-text-color, h4.has-text-color, h5.has-text-color, h6.has-text-color {} h1, .as-h1 {font: var(--font-h1);} h2, .as-h2 {font: var(--font-h2);} h3, .as-h3 {font: var(--font-h3);} h4, .as-h4 {font: var(--font-h4);} h5, .as-h5 {font: var(--font-h5);} h6, .as-h6 {font: var(--font-h6);} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; color: var(--color-base-text);} blockquote {font-style: italic; position: relative;} .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {font: var(--font-text);} table {border-collapse: collapse; min-width: 655px;} table th, table td {padding: var(--space-2); text-align: left;} table thead th, table thead td {background: var(--color-light-gray); border: 1px solid var(--color-light-gray);} table tbody th, table tbody td {border: 1px solid var(--color-lighter-gray);} form {} input, button, select, textarea, .select2-container--default .select2-selection {font: var(--font-base); color: var(--color-base-text); padding: var(--space-3) var(--space-2); max-width: 100%; width: 100%; height: auto; border: 1px solid var(--color-light-gray); border-radius: 3px;} input[type="radio"], input[type="checkbox"] {padding: 0; width: auto; margin-top: 0; display: inline-block;} .select2 .select2-selection .select2-selection__rendered {line-height: 1; color: var(--color-base-text);} .select2 .select2-selection .select2-selection__arrow {height: 100%;} .select2 .select2-selection .select2-selection__arrow:after {content: '\25BE'; position: absolute; font-weight: bold; color: var(--color-gold); top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } .select2 .select2-selection .select2-selection__arrow b {display: none;} form label .label {font: var(--font-text-small); opacity: .8; margin: .25rem .625rem;} form textarea {height: 7.5rem;} form fieldset {margin-top: var(--space-0);} form legend {font: var(--font-h3);} form .required {color: var(--color-orange); border-bottom: 0; text-decoration: none;} form .fields {display: grid; grid-template-columns: 1fr; grid-column-gap: var(--space-0); grid-row-gap: var(--space-1);} form .field {} form .field .label {display: block;} button, input[type="submit"], .button, .wp-block-button__link {min-width: 0; background: var(--color-gold); color: var(--color-base-text); cursor: pointer; font: var(--font-base); display: inline-block; padding: var(--space-3) var(--space-2); text-align: center; border: 0; border-radius: 3px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; -webkit-transition: opacity .3s, color .3s; -moz-transition: opacity .3s, color .3s; -ms-transition: opacity .3s, color .3s; -o-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s; } button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover {opacity: .75;} button.has-orange-background-color, input[type="submit"].has-orange-background-color, .button.has-orange-background-color, .wp-block-button__link.has-orange-background-color, button.button--transaction, input[type="submit"].button--transaction, .button.button--transaction, .wp-block-button__link.button--transaction {background: var(--color-orange); color: var(--color-white);} button.has-emerald-background-color, input[type="submit"].has-emerald-background-color, .button.has-emerald-background-color, .wp-block-button__link.has-emerald-background-color {background: var(--color-emerald); color: var(--color-gold);} button.is-style-outline, input[type="submit"].is-style-outline, .button.is-style-outline, .is-style-outline > .wp-block-button__link, .is-style-outline > .wp-block-button__link {border: 1px solid var(--color-base-text); background: transparent; padding: calc(var(--space-3) - 2px) var(--space-2);} .is-style-has-underline {display: inline-block; position: relative;} .is-style-has-underline:after {content: ''; position: absolute; left: 0; bottom: -1rem; right: 0; height: 1rem; background: url('assets/images/decorator-title-gold.svg') no-repeat 50% bottom; background-size: 100% 100%;} .thumbnail, .video-thumbnail {display: block; background: transparent no-repeat 50% 50%; background-size: cover; overflow: hidden;} .thumbnail img, .video-thumbnail img {display: block; width: 100%; height: auto; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .thumbnail:hover {opacity: 1;} .thumbnail:hover img {opacity: .75;} .meta {} .meta a {text-decoration: none;} .meta > * {margin-right: var(--space-3);} .wpcf7 {position: relative;} .wpcf7 br {display: none;} .wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-bg); background: rgba(114, 17, 33, .75); display: block; padding: 4px 6px;} .wpcf7 form .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: 2rem; border: 0; text-align: center; font-size: 18px; color: var(--color-bg); font-weight: bold; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2); z-index: 101;} .wpcf7 form .wpcf7-response-output.wpcf7-display-none {display: none;} .wpcf7 form .wpcf7-response-output:after {content: 'x'; position: absolute; top: 10px; right: 12px; color: var(--color-bg); cursor: pointer;} .wpcf7 form.sent .wpcf7-response-output {background: #5FAD56;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {border-color: #721121; background: rgba(114, 17, 33, .75);} .gallery {margin-left: -1rem; margin-right: -1rem; margin-top: -1rem;} .gallery:after {content: ''; clear: both; display: block;} .gallery .gallery-item {width: 100%; padding: 1rem; float: left;} .gallery .gallery-item img {width: 100%;} .gallery.gallery-columns-2 .gallery-item {width: 50%;} .gallery.gallery-columns-3 .gallery-item {width: 33.3333333333%;} .gallery.gallery-columns-4 .gallery-item {width: 25%;} .gallery.gallery-columns-5 .gallery-item {width: 20%;} .gallery.gallery-columns-6 .gallery-item {width: 16.6666666667%;} .gallery.gallery-columns-7 .gallery-item {width: 14.285714286%;} .gallery.gallery-columns-8 .gallery-item {width: 12.5%;} .gallery.gallery-columns-9 .gallery-item {width: 11.111111111%;} .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;} .gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: both;} .gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) {clear: both;} .gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) {clear: both;} .gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) {clear: both;} .gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) {clear: both;} .gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) {clear: both;} .gallery.gallery-columns-9 .gallery-item:nth-child(9n+1) {clear: both;} @media (max-width: 320px) { .gallery {} .gallery .gallery-item {width: 100%; float: none;} .gallery.gallery-columns-2 .gallery-item {width: 100%;} .gallery.gallery-columns-3 .gallery-item {width: 100%;} .gallery.gallery-columns-4 .gallery-item {width: 100%;} .gallery.gallery-columns-5 .gallery-item {width: 100%;} .gallery.gallery-columns-6 .gallery-item {width: 100%;} .gallery.gallery-columns-7 .gallery-item {width: 100%;} .gallery.gallery-columns-8 .gallery-item {width: 100%;} .gallery.gallery-columns-9 .gallery-item {width: 100%;} .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;} } .wp-pagenavi {text-align: center; display: block; width: 100%; margin: var(--space-0) 0; font: var(--font-price-small);} .wp-pagenavi > .pages {display: none;} .wp-pagenavi > a, .wp-pagenavi > span {display: inline-block; min-width: 2.5rem; padding: .5rem .25rem; margin: 0 .25rem; border: 1px solid var(--color-gray); border-radius: 3px;} .wp-pagenavi > a:hover, .wp-pagenavi > span.current {background: var(--color-gold); border-color: var(--color-gold);} .wp-pagenavi > .previouspostslink, .wp-pagenavi > .nextpostslink {border: 1px solid rgba(0, 0, 0, 0);} .menu--social {list-style: none;} .menu--social li {display: inline-block; margin-left: var(--space-2);} .breadcrumbs {background: var(--color-light-gray); padding: var(--space-4) 0; margin-bottom: calc(1.5 * var(--space-0));} .breadcrumbs .container {display: flex; flex: 1 1 0; justify-content: space-between;} .breadcrumbs .container:after {content: none;} .breadcrumbs #breadcrumbs {opacity: .6;} .breadcrumbs #breadcrumbs a {font-weight: 400; text-decoration: none;} .breadcrumbs .menu--social {opacity: .3;} @media (max-width: 660px) { .breadcrumbs{display: none;} } .author-note {position: relative;} .author-note .author-name {text-decoration: underline;} .author-note .author-description {color: var(--color-light-emerald);} .author-note.with_photo {padding-left: calc(min(6rem, 20%) + var(--space-1));} .author-note.with_photo > img {width: 6rem; height: auto; max-width: 20%; position: absolute; top: 0; left: 0;} .book-author-info {display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: var(--space-0);} .book-author-info > * {grid-column: 1;} .book-author-info > img {grid-column: 2; grid-row: 2 / span 3;} @media (max-width: 767px) { .book-author-info {display: block;} .book-author-info > img {float: left; margin-right: var(--space-base); margin-bottom: var(--space-base);} .book-author-info .list--socialmedia {clear: both;} } @media (max-width: 600px) { .book-author-info > img {float: none; margin-left: auto; margin-right: auto; display: block;} } .rating-with-chart {text-align: center;} .rating-with-chart .rating {font-size: 4rem;} .rating-with-chart .chart {display: block; background: var(--color-lighter-emerald); margin: var(--space-3) 0;} .rating-with-chart .chart span {display: block; background: var(--color-emerald); height: .5rem;} .rating-with-chart .description {display: block;} #cookie-notice a {color: var(--color-almost-white);} .slick-slider {touch-action: auto !important;} .slick-slider .slick-arrow {position: absolute; top: 50%; z-index: 99; border: 0; text-indent: -9999px; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: -1.25rem 0 0 0; background: transparent;} .slick-slider .slick-arrow:before {position: absolute; color: var(--color-gold); background: var(--color-emerald); left: 0; top: 0; right: 0; bottom: 0; text-align: center; font-weight: bold; font-size: 1rem; text-indent: 0; opacity: .5; border-radius: 100%; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .slick-slider:hover .slick-arrow:before {opacity: 1;} .slick-slider .slick-prev {left: -2rem;} .slick-slider .slick-prev:before {content: '\2190';} .slick-slider .slick-next {right: -2rem;} .slick-slider .slick-next:before {content: '\2192';} .slick-dots {list-style: none; margin-left: 0;} .slick-dots li {margin-right: .5rem; display: inline-block; vertical-align: middle;} .slick-dots button {display: block; width: 12px; height: 12px; border: 2px solid var(--color-gray-light); text-indent: -9999px; border-radius: 100%; padding: 0; background: transparent;} .slick-dots .slick-active {} .slick-dots button:hover, .slick-dots .slick-active button {border-width: 4px; width: 12px; height: 12px;} /* Articles */ .article--faq {max-width: var(--content-narrow-width); margin: 0 auto;} .article--faq .article-title {font: var(--font-h2);} /* Lists */ .list {list-style: none;} ul.list, .list .list-items {margin: 0 0 0 calc(-1 * var(--space-0)); display: flex; flex-wrap: wrap; list-style: none;} .list .item {margin: 0 0 var(--space-0) var(--space-0); width: calc(50% - var(--space-0));} .list .wp-pagenavi {margin-left: 0;} .list--icons-with-text {} .list--icons-with-text .list-items {flex-wrap: nowrap;} .list--icons-with-text .item {width: auto; text-align: center; flex: 1 1 0;} .list--icons-with-text .item i {font-size: 4rem; color: var(--color-gold);} .list--icons-with-text .item p {font: var(--font-h3);} @media (max-width: 600px) { .list--icons-with-text .list-items {flex-wrap: wrap;} .list--icons-with-text .item {min-width: 15rem;} } .list--socialmedia {} .list--socialmedia .item {width: auto; flex: 1 1 0; border-radius: 1rem; text-align: center; border-radius: 1rem; background: var(--color-light-gray);} .list--socialmedia .item .item-content {text-decoration: none; display: block; padding: var(--space-0) var(--space-base);} .list--socialmedia .item i {color: var(--color-white); display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 100%; font-size: 2rem;} .list--socialmedia .item .number {font: var(--font-h2); display: block; margin: var(--space-3) 0 var(--space-4);} .list--socialmedia .item .description {font: var(--font-h4);} .has-background .list--socialmedia .item {background: var(--color-white);} .list--numbers-with-text {} .list--numbers-with-text .list-items {flex-wrap: nowrap;} .list--numbers-with-text .item {width: auto; text-align: center; flex: 1 1 0;} .list--numbers-with-text .item .number {font-size: 4rem; color: var(--color-light-emerald);} .list--numbers-with-text .item p {font: var(--font-h3);} @media (max-width: 600px) { .list--numbers-with-text .list-items {flex-wrap: wrap;} .list--numbers-with-text .item {min-width: 15rem;} } .list--reviews {} .list--reviews .list-items {display: block; margin-left: 0;} .list--reviews .slick-track {display: flex;} .list--reviews .item {border: 2px solid var(--color-lighter-emerald); border-radius: 5px; padding: .1px var(--space-base); width: 100%;} .list--reviews .item.slick-slide {margin-left: 0; margin-bottom: 0; height: auto;} .list--reviews .item blockquote {font-style: normal;} .list--reviews .item .author {font-style: normal;} .list--reviews .item .author .name {display: block; color: var(--color-orange); font: var(--font-h4);} .list--reviews .item .author .source {color: var(--color-light-emerald); font-style: italic;} .list--blog {margin-top: var(--space-0);} .list--blog .item {padding: var(--space-1); border: 1px solid var(--color-light-gray); border-radius: 3px; color: var(--color-light-emerald);} .list--blog .item > :first-child {margin-top: 0;} .list--blog .item > :last-child {margin-bottom: 0;} .list--blog .thumbnail {border-radius: 3px; overflow: hidden;} .list--blog .meta {color: var(--color-base-text);} .list--blog .title {margin-top: var(--space-4); font: var(--font-h3);} @media (max-width: 1060px) { .list--blog .item {width: calc(100% - var(--space-0));} } .related-posts .list--blog .list-items {justify-content: center;} .related-posts .list--blog .item {width: calc(33.333333333% - var(--space-0));} @media (max-width: 1060px) { .related-posts .list--blog .item {width: calc(50% - var(--space-0));} } @media (max-width: 660px) { .related-posts .list--blog .item {width: calc(100% - var(--space-0));} } .list--banners {} .list--banners .banner { border-radius: 6px; overflow: hidden;} .list--banners .banner > a {display: block; text-decoration: none;} .list--banners .banner img {width: 33%; min-height: 6rem; max-height: 150px; display: block; object-fit: contain; object-position: right 50%;} .list--banners .banner .content {display: flex; align-items: center; flex-direction: row-reverse; font: var(--font-h3); font-weight: 400; padding: var(--space-1);} .list--banners .banner .description {width: 77%; padding-right: 10%;} .list--banners .banner .description > :first-child {margin-top: 0;} .list--banners .banner .description > :last-child {margin-bottom: 0;} .list--banners .banner-width--full {width: calc(100% - var(--space-0));} .list--banners .banner-width--full .content {font: var(--font-h1); font-weight: 400;} @media (max-width: 960px) { .list--banners .banner {width: calc(100% - var(--space-0));} } @media (max-width: 767px) { .list--banners .banner-width--full .content {font: var(--font-h2); font-weight: 400;} } @media (max-width: 600px) { .list--banners .banner-width--full .content {font: var(--font-h3); font-weight: 400;} } .list.list--faq {} .list.list--faq .item {width: calc(100% - var(--space-0));} .list.list--faq-questions {margin-top: var(--space-1);} @media (max-width: 660px) { .list.list--faq-questions .item {width: calc(100% - var(--space-0));} } .list--pricing-table {} .list--pricing-table .item {border: 2px solid var(--color-white); max-width: 50%; background: var(--color-light-emerald); color: var(--color-white); padding: .1px var(--space-base) var(--space-1); text-align: center;} .list--pricing-table .item:nth-child(2) {background: var(--color-emerald); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); } .list--pricing-table .item .title {} .list--pricing-table .item .subtitle {font: var(--font-h3); margin-top: calc(-1 * var(--space-base));} .list--pricing-table .item > img {display: block; margin: var(--space-base) auto;} .list--pricing-table .item .amount {font: var(--font-price-bigger);} .list--pricing-table .item .advantages {list-style: none; margin: var(--space-0);} .list--pricing-table .item .advantages li {border-top: 1px solid var(--color-almost-white); padding: var(--space-4) 0;} .list--pricing-table .item .advantages li:last-child {border-bottom: 1px solid var(--color-almost-white);} @media (max-width: 600px) { .list--pricing-table .item {max-width: none; width: calc(100% - var(--space-0));} } .alt-block-book-pricing-table.aligncenter .list--pricing-table .list-items {justify-content: center;} .alt-block-book-pricing-table.alignright .list--pricing-table .list-items {justify-content: right;} .list--products {} .product_list_widget, .list--products .list-items {list-style: none; margin-left: calc(-1 * var(--space-0));} .wc-block-grid__products {margin: 0 0 0 calc(-1 * var(--space-0)); display: flex; flex-wrap: wrap; list-style: none;} .product_list_widget > li, .wc-block-grid__products .item, .list--products .item {flex: 0 0 calc(20% - var(--space-0)); margin: 0 0 var(--space-0) var(--space-0); border: 1px solid var(--color-light-gray); border-radius: 3px; padding: var(--space-base) var(--space-base);} .wc-block-grid__products .product, .list--products .product {position: relative; display: flex; flex-direction: column;} .product_list_widget > li .woocommerce-loop-product__link, .wc-block-grid__products .product .woocommerce-loop-product__link, .list--products .product .woocommerce-loop-product__link {text-decoration: none; display: flex; flex-direction: column; flex: 1 0 0;} .product_list_widget > li .thumbnail, .wc-block-grid__products .product .thumbnail, .list--products .product .thumbnail {width: 100%; height: 0; padding-bottom: 150%; margin: 0 auto; position: relative;} .product_list_widget > li .thumbnail img, .wc-block-grid__products .product .thumbnail img, .list--products .product .thumbnail img {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } /*.product_list_widget > li img, .wc-block-grid__products .product img, .list--products .product img {max-width: 100%; max-height: 13rem; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; flex: 0 0 12rem;}*/ .product_list_widget > li a {text-decoration: none;} .product_list_widget > li .product-author, .wc-block-grid__products .product .product-author, .list--products .product .product-author {display: block; text-align: left; text-decoration: none; font: var(--font-text-smaller); margin: var(--space-base) 0 0; font-weight: 400; flex: 1 0 0;} .product_list_widget > li .product-title, .wc-block-grid__products .product .woocommerce-loop-product__title, .list--products .product .woocommerce-loop-product__title {display: block; text-align: left; text-decoration: none; font: var(--font-h3); margin: var(--space-base) 0 var(--space-3) 0; font-weight: 400; flex: 1 0 0;} .product_list_widget > li .star-rating, .wc-block-grid__products .product .star-rating, .list--products .product .star-rating {margin: var(--space-4) 0;} .product_list_widget > li .price, .wc-block-grid__products .product .price, .list--products .product .price {margin: var(--space-3) 0;} .product_list_widget > li .button, .wc-block-grid__products .product .button, .list--products .product .button {width: 100%;} .woocommerce-MyAccount-content .list--products .product {} .woocommerce-MyAccount-content .list--products .product .woocommerce-loop-product__link {flex-grow: 0;} .download-panel {flex-grow: 1; display: flex; align-items: end;} .download-popup {display: none; gap: var(--space-1); justify-content: stretch; flex-direction: row; background: var(--color-background); width: 640px; padding: var(--space-1);} .download-popup > * {flex: 1 0 0;} .download-popup .thumbnail-container {flex: 0 0 25%;} .download-popup .thumbnail-container .thumbnail {width: 100%; display: block !important;} .download-popup .product-title {margin-top: var(--space-3);} .download-popup .button {display: inline-block; width: fit-content; margin: var(--space-base) var(--space-base) 0 0;} .download-popup .essential_audio {margin-top: var(--space-0);} .fancybox-stage .download-popup {display: flex;} .primary .wc-block-grid__products ul .item, .primary .list--products .item {flex: 0 0 calc(25% - var(--space-0));} .seco.product_list_widget > li {flex: 0 0 calc(100% - var(--space-0));} .wc-block-grid.has-5-columns .wc-block-grid__products .item {flex: 0 0 calc(20% - var(--space-0));} @media (max-width: 1140px) { .list--products .item {flex: 0 0 calc(25% - var(--space-0));} .wc-block-grid.has-5-columns .wc-block-grid__products .item {flex: 0 0 calc(33.3333333333% - var(--space-0));} .primary .list--products .item {flex: 0 0 calc(33.333333333% - var(--space-0));} } @media (max-width: 960px) { .list--products .item {flex: 0 0 calc(33.333333333% - var(--space-0));} .primary .list--products .item {flex: 0 0 calc(50% - var(--space-0));} } @media (max-width: 767px) { .list--products .item {flex: 0 0 calc(50% - var(--space-0));} .wc-block-grid.has-5-columns .wc-block-grid__products .item {flex: 0 0 calc(50% - var(--space-0));} } @media (max-width: 600px) { .list--products .item {flex: 0 0 calc(100% - var(--space-0));} .primary .list--products .item {flex: 0 0 calc(100% - var(--space-0));} .wc-block-grid.has-5-columns .wc-block-grid__products .item {flex: 0 0 calc(100% - var(--space-0));} } .wc-block-grid__products {display: flex;} .alt-block-products {position: relative;} .alt-block-products:before {content: ''; position: absolute; top: 0; left: -8.5rem; background-size: contain; width: 7.5rem; height: 7.5rem; background: url('assets/images/decorator-stars-02.png') no-repeat right top;} .alt-block-products.alt-block-products--newest:before {background-image: url('assets/images/decorator-stars-01.png');} /* Blocks */ /* Gutenberg Blocks */ .alt-block-popular_categories {} .alt-block-popular_categories .wpmagus-block__inner-container {background: var(--color-lighter-gray); border-radius: 4px; padding: var(--space-1); display: flex; align-items: center;} .alt-block-popular_categories .title {font: var(--font-h4); margin: 0 var(--space-1) 0 0;} .alt-block-popular_categories .list .item {width: auto; margin-bottom: 0;} .alt-block-popular_categories .list .item a {font-weight: 400;} .alt-block-popular_categories .cta {display: flex; margin-left: auto; align-items: center;} .alt-block-popular_categories .cta p {margin: 0;} .alt-block-popular_categories .cta .button {margin-left: var(--space-1); padding-top: var(--space-3); padding-bottom: var(--space-3);} @media (max-width: 960px) { .alt-block-popular_categories .wpmagus-block__inner-container {text-align: center; flex-wrap: wrap;} .alt-block-popular_categories .title {width: 100%; margin-right: 0;} .alt-block-popular_categories .list {width: 100%;} .alt-block-popular_categories .list .list-items {justify-content: center;} .alt-block-popular_categories .list .item {width: auto; margin: var(--space-1) var(--space-base);} .alt-block-popular_categories .cta {display: block; width: 100%;} .alt-block-popular_categories .cta p {margin: var(--space-base) 0;} .alt-block-popular_categories .cta .button {margin-left: 0; padding-top: var(--space-3); padding-bottom: var(--space-3);} } .alt-block-delivery-time-info {margin: var(--space-0) auto; max-width: var(--content-narrower-width); padding: var(--space-3); background: var(--color-gold); border: 3px solid var(--color-white); border-radius: .5rem; text-align: center; font-weight: bold;} .alt-block-book-sample-chapter {} .alt-block-book-sample-chapter .alt-block__inner-container {max-width: var(--content-narrower-width); margin: 0 auto;} .alt-block-book-sample-chapter img {max-width: 100%;} .alt-block-book-toc {} .alt-block-book-toc .alt-block__inner-container {column-count: 2; column-gap: var(--space-0);} @media (max-width: 960px) { .alt-block-book-toc .alt-block__inner-container {column-count: 1; column-gap: var(--space-0);} } .alt-block-reviews {} .alt-block-cta-banner {} .alt-block-cta-banner .alt-block__inner-container {display: flex; justify-content: space-around; align-items: center;} .alt-block-cta-banner .alt-block__inner-container .cta {display: flex;} .alt-block-cta-banner .alt-block__inner-container .cta > * {margin: 0 var(--space-2); display: inline-block;} .alt-block-cta-banner .alt-block__inner-container .left {text-align: right;} .alt-block-cta-banner .alt-block__inner-container .big {font-size: 3rem; line-height: 0.7; text-align: center;} .alt-block-cta-banner .alt-block__inner-container .right {text-align: left;} @media (max-width: 767px) { .alt-block-cta-banner .alt-block__inner-container {display: block; text-align: center;} .alt-block-cta-banner .alt-block__inner-container .cta {width: 100%; justify-content: center;} .alt-block-cta-banner .alt-block__inner-container .button {margin-top: var(--space-base);} } @media (max-width: 600px) { .alt-block-cta-banner .alt-block__inner-container .cta {display: block;} .alt-block-cta-banner .alt-block__inner-container .cta > * {text-align: center; display: block; margin: var(--space-base);} } .alt-block-faq {} .alt-block-faq .article--faq {max-width: var(--content-width);} .alt-block-faq .article--faq .article-title {font: var(--font-h3);} .wp-block-search .wp-block-search__button {background: var(--color-gold); color: var(--color-base-text); border: 0; width: auto; min-width: 8rem; padding: var(--space-3) var(--space-2);} .wp-block-buttons > .wp-block-button.has-custom-width {width: auto;} .wp-block-media-text__media img {max-height: 500px; object-fit: contain;} .alignwide {width: var(--content-width); max-width: var(--container-max-width); position: relative; left: 50%; margin-left: 0; margin-right: 0; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } .alignfull {width: 100%; max-width: var(--container-max-width); position: relative; left: 50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } .wp-block-group.has-background {padding: var(--space-1); margin-top: var(--space-0); margin-bottom: var(--space-0);} .wp-block-group.has-background.alignfull {width: 100vw; max-width: 100vw; padding-left: 0; padding-right: 0; z-index: 50;} .wp-block-group.has-background.alignfull > .wp-block-group__inner-container {width: var(--container-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;} .section-content .container > .wp-block-group.has-background:first-child {margin-top: calc(-1 * var(--space-0));} .section-content .container > .wp-block-group.has-background:last-child {margin-bottom: calc(-1 * var(--space-0));} .wp-block-group.has-background + .wp-block-group.has-background {margin-top: calc(-1 * var(--space-0));} /* .wp-block-cover:first-child, .has-background:first-child {margin-top: calc(-1 * var(--space-0));} .wp-block-cover:last-child, .has-background:last-child {margin-bottom: calc(-1 * var(--space-0));} .wp-block-cover.alignfull {width: 100vw; max-width: 100vw;} .wp-block-cover.alignfull .wp-block-cover__inner-container {width: var(--content-wide-width); max-width: var(--container-max-width);} */ /* Sections */ .section {width: var(--content-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;} .section-header {} .section-header .section-title {font: var(--font-h1); text-align: left; margin-bottom: calc(1.5 * var(--space-0)); display: inline-block; position: relative;} .section-header .section-title:after {content: ''; position: absolute; left: 0; bottom: -1rem; right: 0; height: 1rem; background: url('assets/images/decorator-title-gold.svg') no-repeat 50% bottom; background-size: 100% 100%;} .section-header .meta {margin-top: var(--space-4);} .section-header .meta + .section-title {margin-top: var(--space-4);} .section--with_sidebar {display: grid;} .section--with_sidebar .sidebar .list--widgets .item {width: calc(100% - var(--space-0));} .section--with_sidebar .sidebar .widget-title {font: var(--font-h2); display: inline-block; position: relative;} .section--with_sidebar .sidebar .widget-title:after {content: ''; position: absolute; left: 0; bottom: -1rem; right: 0; height: 1rem; background: url('assets/images/decorator-title-gold.svg') no-repeat 50% bottom; background-size: 100% 100%;} .section--with_sidebar_right {grid-template-columns: auto 328px; grid-column-gap: calc(2 * var(--space-0));} .section--with_sidebar_right .primary {grid-column: 1;} .section--with_sidebar_right .secondary {grid-column: 2; grid-row: 1 / span 3;} .section--with_sidebar_left {grid-template-columns: 260px auto; grid-column-gap: calc(2 * var(--space-0));} .section--with_sidebar_left .primary {grid-column: 2;} .section--with_sidebar_left .secondary {grid-column: 1; grid-row: 1 / span 3;} .section--woocommerce.section--with_sidebar_left {} .section--woocommerce.section--with_sidebar_left .list--widgets {position: relative;} .section--woocommerce.section--with_sidebar_left .list--widgets:before {content: ''; position: absolute; width: 2.25rem; height: 2.25rem; left: 30%; top: 0; background: url('assets/images/decorator-owl.png') no-repeat 50% bottom; background-size: contain;} .section--woocommerce.section--with_sidebar_left .list--widgets:after {content: ''; display: block; width: 100%; height: 6.25rem; background: url('assets/images/decorator-flower.png') no-repeat 50% top; background-size: contain;} .section--woocommerce.section--with_sidebar_left .wp-pagenavi {position: relative;} .section--woocommerce.section--with_sidebar_left .wp-pagenavi:before {content: ''; position: absolute; left: -11rem; bottom: 0; width: 10rem; max-width: 20%; height: 12rem; background: url('assets/images/decorator-cat-stars.png') no-repeat right bottom; background-size: contain;} @media (max-width: 960px) { .section--with_sidebar_right {grid-template-columns: auto 240px;} .section--with_sidebar_left {grid-template-columns: 240px auto;} } @media (max-width: 767px) { .section--with_sidebar {display: block;} .section--with_sidebar .sidebar .list--widgets .item {width: calc(50% - var(--space-0));} } @media (max-width: 600px) { .section--with_sidebar .sidebar .list--widgets .item {width: calc(100% - var(--space-0));} } .section--page {} .section--page_narrow {width: var(--content-narrow-width);} .section--page_shadow .section-content {box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); border-radius: 3px; padding: calc(3 * var(--space-0)) calc(4 * var(--space-0)); margin-top: calc(2 * var(--space-base)); margin-bottom: calc(2.5 * var(--space-base));} @media (max-width: 767px) { .section--page_shadow .section-content {padding: var(--space-0) var(--space-0);} } @media (max-width: 600px) { .section--page_shadow .section-content {padding: var(--space-1) var(--space-1);} } .section--faq {} .section--faq aside {margin-top: var(--space-0);} .section--product {position: relative;} .section--product .section-header {display: grid; grid-template-columns: 2fr 3fr 2fr; grid-gap: var(--space-0);} .section--product .onsale {position: absolute;} .section--product .woocommerce-product-gallery {grid-column: 1; grid-row: 1 / span 2;} .section--product .woocommerce-product-gallery__wrapper {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: var(--space-3);} .section--product .woocommerce-product-gallery__image:first-child {text-align: center; grid-column: 1 / span 4; position: relative;} .section--product .woocommerce-product-gallery__image:first-child img {margin: var(--space-base);} .section--product .woocommerce-product-gallery__image:first-child:before, .section--product .woocommerce-product-gallery__image:first-child:after {content: ''; position: absolute; width: 3rem; height: 3rem; max-width: 25%; max-height: 25%;} .section--product .woocommerce-product-gallery__image:first-child:before {left: 0; top: 0; background: url('assets/images/decorator-border-top-left.png') no-repeat left top; background-size: contain;} .section--product .woocommerce-product-gallery__image:first-child:after {right: 0; bottom: 0; background: url('assets/images/decorator-border-bottom-right.png') no-repeat right bottom; background-size: contain;} .section--product .product-header {grid-column: 2;} .section--product .section-header .product-details {grid-column: 2; grid-row: 2;} .section--product .section-header .product-author {font: var(--font-h3); font-weight: bold; margin: var(--space-4) 0 0 0;} .section--product .section-header .product-title {margin-top: var(--space-4);} .section--product .section-header .woocommerce-product-details__short-description {} .section--product .section-header .woocommerce-product-details__short-description ul {list-style: none;} .section--product .section-header .woocommerce-product-details__short-description ul li:before {content: "\2022"; color: var(--color-gold); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;} .section--product .product-buy {grid-column: 3; grid-row: 1 / span 2; position: relative; right: 0;} .section--product .product-buy .info {padding: var(--space-2) var(--space-1); background: var(--color-almost-white);} .section--product .product-buy .info h3 {margin-top: 0;} .section--product .product-buy .info .product-author {font: var(--font-base);} .section--product .product-buy .buy {padding: var(--space-2) var(--space-1); background: var(--color-light-gray);} .section--product .product-buy h4 {text-align: left;} .section--product .product-buy .price {font: var(--font-price-bigger);} .section--product .product-buy .delivery {padding: var(--space-2) var(--space-1); background: var(--color-almost-white);} .section--product .product-buy .delivery-cost {padding: var(--space-2) var(--space-1); background: var(--color-light-gray); text-align: center;} .section--product .product-buy .delivery-cost p {margin: 0;} .section--product .product-buy-sticky {display: none;} @media (max-width: 767px) { .section--product .product-buy-sticky {display: flex; justify-content: space-between; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: var(--color-lighter-gray); padding: calc(.5 * var(--space-base)) var(--space-0);} .section--product .product-buy-sticky > * {text-align: center;} .section--product .product-buy-sticky > :first-child {text-align: left;} .section--product .product-buy-sticky > :last-child {text-align: right;} .section--product .product-buy-sticky .quantity {display: none;} .section--product .product-buy-sticky .price del {display: none;} .section--product .product-buy-sticky .cart {} } .section--product ul.variations {list-style: none; text-align: left; margin-left: 0;} .section--product ul.variations .name {margin: 0 var(--space-4);} .section--product ul.variations .price {font: var(--font-h3);} .section--product .section-content {display: grid; grid-template-columns: 2fr 3fr 2fr; grid-gap: var(--space-0);} .section--product .section-content > * {grid-column: 1 / span 2;} .section--product .product-details {max-width: 100%;} .section--product .product-details-toc {border-bottom: 1px solid var(--color-light-gray);} .section--product .product-details-toc ul {list-style: none; display: flex; margin-left: calc(-1 * var(--space-0));} .section--product .product-details-toc ul li {margin-left: var(--space-0);} .section--product .product-details-toc ul li a {font: var(--font-h3); color: var(--color-light-emerald); text-decoration: none;} .section--product .product-details-toc ul li.current a, .section--product .product-details-toc ul li a:hover {color: var(--color-emerald);} .section--product .product-details-toc ul li.current a {position: relative;} .section--product .product-details-toc ul li.current a:after {content: ''; position: absolute; left: 0; bottom: -1rem; right: 0; height: 1rem; background: url(assets/images/decorator-title-gold.svg) no-repeat 50% bottom; background-size: 100% 100%;} .section--product .product-details .panel {} .section--product .product-details .panel > h2:first-child {display: none;} .section--product .product-details .panel .article--faq .article-title {font: var(--font-h5);} .section--product .product-details .panel .article--faq .article-content {color: var(--color-light-emerald);} .section--product .woocommerce-product-attributes {min-width: 100%;} .section--product .woocommerce-product-attributes th, .section--product .woocommerce-product-attributes td {border: 0; padding: var(--space-4) var(--space-base);} .section--product .woocommerce-product-attributes th {font-weight: 400;} .section--product .woocommerce-product-attributes td {font-weight: 500;} .section--product .woocommerce-product-attributes tr:nth-child(2n+1) th, .section--product .woocommerce-product-attributes tr:nth-child(2n+1) td {background: var(--color-almost-white)} @media (max-width: 960px) { .section--product .section-header {grid-template-columns: 1fr 1fr;} .section--product .product-header {grid-column: 1; grid-row: 1;} .section--product .woocommerce-product-gallery {grid-column: 1; grid-row: 2;} .section--product .section-header .product-details {grid-column: 1 / span 2; grid-row: 3;} .section--product .product-buy {grid-column: 2; grid-row: 1 / span 2;} .section--product .section-content {grid-template-columns: 1fr 1fr;} } @media (max-width: 767px) { .section--product .section-header {grid-template-columns: 1fr;} .section--product .product-header {grid-column: 1; grid-row: 1;} .section--product .woocommerce-product-gallery {grid-column: 1; grid-row: 2;} .section--product .product-buy {grid-column: 1; grid-row: 3;} .section--product .section-header .product-details {grid-column: 1; grid-row: 4;} } @media (max-width: 600px) { .section--product .section-header {display: block;} .section--product .woocommerce-product-gallery {grid-column: 1; grid-row: 1;} .section--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {margin: 0 auto; max-width: 300px;} .section--product .section-content {display: block;} .section--product .section-content .product-details-toc {position: sticky; margin-bottom: auto;} .section--product .section-content .product-details {padding-right: 0; margin-top: var(--space-1);} } .section--product .product-chapter-images {list-style: none; margin-left: 0; padding: 0 1rem;} .section--product .product-chapter-images li {margin: var(--space-base) 0; padding: var(--space-1); border: 1px solid var(--color-lighter-gray);} .section--product .product-chapter-images li img {max-width: 100%;} .section--product .product-chapter-images .slick-prev {left: -0.25rem;} .section--product .product-chapter-images .slick-next {right: -0.25rem;} /* Header * ======================================== */ #header {} #header:before {content: ''; display: block; position: absolute; left: 0; top: 2.625rem; right: 0; border-top: 1px solid var(--color-light-gray);} #header .container {position: relative; padding-top: 2.625rem; display: grid; align-items: center; grid-template-columns: 8rem auto; grid-column-gap: var(--space-0);} #header .site-title {margin: 0; padding: 1.25rem 0;} #header .site-title a {width: 8rem; max-width: 100%; height: 2.25rem; line-height: 2.25rem; display: block; font: var(--font-h1); text-decoration: none; background: transparent no-repeat left 50%; background-size: contain;} #header .nav-toggle {display: none;} #header .nav {display: flex; align-items: center; margin: var(--space-3) 0;} #header .nav .nav-container {display: flex; flex: 1 0 0; align-items: center;} #header .nav a {text-decoration: none; display: block;} #header .nav a:hover {opacity: 1;} #header .nav ul {margin: 0;} #header .nav li {position: relative;} #header .nav ul li {margin: 0 0 0 var(--space-1); display: inline-block;} #header .nav .menu-item-has-children > a {position: relative;} #header .nav .menu-item-has-children > a:after {content: '\25BE'; font-weight: bold; color: var(--color-gold); margin-left: var(--space-4);} #header .nav .sub-menu {display: none; position: absolute; z-index: 1000; background: var(--color-white); min-width: 240px; left: 50%; padding: var(--space-3) var(--space-3); border: 1px solid var(--color-light-gray); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } #header .nav .sub-menu li {margin-left: 0;} #header .nav :hover > .sub-menu {display: block;} #header .nav .menu--primary {flex: 1 1 0;} #header .nav .menu--primary a {font: var(--font-text); padding: var(--space-2) 0;} #header .nav .menu--primary ul li {margin-left: 0; display: block;} #header .nav .menu--primary ul li a {padding: .25rem var(--space-3); margin: .25rem 0;} #header .nav .menu--primary ul li a:hover {background: var(--color-gold);} #header .nav .menu--shop {flex: 1 0 0; display: flex; justify-content: flex-end; align-items: center;} #header .nav .mini-cart-link {padding-left: 3rem; background: transparent url('assets/images/icon-cart-emerald.png') no-repeat left 50%;} #header .nav .mini-cart-link .cart-items-count {display: block; position: absolute; left: 1rem; bottom: 0; color: white; background-color: red; border-radius: 100%; text-align: center; width: 1.25rem; height: 1.25rem; line-height: 1.25rem;} #header .nav .mini-cart-link .cart-items-amount {font: var(--font-price); margin-bottom: .25rem;} #header .nav .mini-cart-link #mini-cart-items-count + span {color: var(--color-light-emerald); font-weight: normal; text-decoration: underline;} #header .nav .mini-cart-link:hover #mini-cart-items-count + span {text-decoration: none;} #header .nav .woocommerce-mini-cart .woocommerce-mini-cart-item {display: block;} #header .nav .woocommerce-mini-cart .woocommerce-mini-cart-item a {display: flex;} #header .nav .woocommerce-mini-cart .woocommerce-mini-cart-item .thumbnail {height: auto; width: 6rem; padding: 0; margin-right: 1rem;} #header .nav .woocommerce-mini-cart .woocommerce-mini-cart-item .thumbnail img {position: static; width: 100%; height: auto; -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none; } #header .nav .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {display: block; text-align: right;} #header .nav .menu--shop .sub-menu .checkout {display: none;} #header .nav .search-form {position: relative; border-bottom: 1px solid var(--color-lighter-emerald);} #header .nav .search-form input[type="search"] {padding-right: 3rem; border: 0;} #header .nav .search-form .search-submit {border: 0; text-indent: -9999px; background: transparent url('assets/images/icon-search-emerald.png') no-repeat 50% 50%; position: absolute; right: 0; top: 0; bottom: 0; padding: 0; width: 3rem;} #header .nav .menu--user_login {flex: 0 1 0;} #header .nav .menu--user_login .button {white-space: nowrap; border-color: var(--color-lighter-emerald);} #header .nav .nav-container--mobile .menu--user_login {display: none;} #header .nav .menu--secondary {position: absolute; right: 0; top: .75rem; font: var(--font-text-smaller);} #header .nav .menu--secondary li {margin-left: var(--space-1);} #header .nav .menu--secondary a {font-weight: normal;} #header .nav .register {position: absolute; margin: 0; left: 0; top: .75rem; font: var(--font-text-smaller);} #header .nav .register a {display: inline; font-weight: normal; text-decoration: underline;} #header .nav .register a:hover {text-decoration: none;} @media (max-width: 1060px) { /* No need for changes */ #header .nav .nav-toggle {cursor: pointer; z-index: 10001; background: transparent; padding: 0; display: block; overflow: hidden; font-size: 0; text-indent: -9999px; border-radius: 0; border: none;} #header .nav .nav-toggle span {top: 50%; display: block; position: absolute; left: 0; right: 0; -webkit-transition: background 0 0.3s; -moz-transition: background 0 0.3s; -ms-transition: background 0 0.3s; -o-transition: background 0 0.3s; transition: background 0 0.3s; } #header .nav .nav-toggle span:before, #header .nav .nav-toggle span:after {position: absolute; display: block; left: 0; width: 100%; content: ''; -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; -moz-transition-delay: 0.3s, 0; -ms-transition-delay: 0.3s, 0; -o-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } #header .nav .nav-toggle span:before { -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform; transition-property: top, transform; } #header .nav .nav-toggle span:after { -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform; } #header .nav.on .nav-toggle {} #header .nav.on .nav-toggle span {background: none;} #header .nav.on .nav-toggle span:before {top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #header .nav.on .nav-toggle span:after {bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #header .nav.on .nav-toggle span:before, #header .nav.on .nav-toggle span:after { -webkit-transition-delay: 0, 0.3s; -moz-transition-delay: 0, 0.3s; -ms-transition-delay: 0, 0.3s; -o-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s; } #header .nav .nav-container--tablet { -webkit-transform: translateX(150%);-moz-transform: translateX(150%);-ms-transform: translateX(150%);-o-transform: translateX(150%);transform: translateX(150%); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #header .nav.on .nav-container--tablet { -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0); } /* Customize nav */ #header .nav {padding-right: 5rem;} #header .nav .nav-toggle {position: absolute; width: 3rem; height: 2.75rem; top: 3.75rem; right: 0; background: var(--color-light-orange); border-radius: 5px;} #header .nav .nav-toggle span {height: 2px; background: var(--color-white); left: .5rem; width: 2rem;} #header .nav .nav-toggle span:before, #header .nav .nav-toggle span:after {background: var(--color-white); height: 2px; left: 0;} #header .nav .nav-toggle span:before {top: -.55rem;} #header .nav .nav-toggle span:after {bottom: -.55rem;} #header .nav.on .nav-toggle span:before, #header .nav.on .nav-toggle span:after {background-color: var(--color-white);} #header .nav .nav-container--mobile {flex: 0 1 0;} #header .nav .nav-container--tablet {display: block; background: var(--color-background); padding: var(--space-2) var(--space-1); position: absolute; top: 8rem; min-height: 100vh; right: calc(-1 * var(--space-0)); z-index: 10000; width: 100vw;} #header .nav .nav-container--tablet ul {display: block; float: none; width: 100%; line-height: 2rem;} #header .nav .nav-container--tablet ul li:first-child {border-top: 0;} #header .nav .nav-container--tablet ul li {display: block; border: 0; text-align: center; margin: 0 1rem; border-top: 1px solid rgba(255, 255, 255, .15); border-top: 1px solid var(--color-gray-lighter);} #header .nav .nav-container--tablet ul ul {border: 0; position: static; text-align: center; margin-bottom: 1rem; -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none; } #header .nav .nav-container--tablet ul ul a { font: var(--font-text-small);} #header .nav .register {position: static; text-align: center;} body #main, body #footer {-webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;} body.nav-menu-on #main, body.nav-menu-on #footer {opacity: .15;} } @media (max-width: 860px) { #header:before {content: none;} #header .container {padding-top: 0;} #header .nav .nav-container--mobile .menu--secondary {display: none;} #header .nav .nav-toggle {top: 1.25rem;} #header .nav .nav-container--tablet {position: static; padding: 0; top: 0; min-height: 0; -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none; } #header .nav .nav-container--mobile { -webkit-transform: translateX(150%);-moz-transform: translateX(150%);-ms-transform: translateX(150%);-o-transform: translateX(150%);transform: translateX(150%); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #header .nav.on .nav-container--mobile { -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0); } #header .nav .menu--user_login {display: none;} #header .nav .nav-container--mobile .menu--user_login {display: block; margin-top: var(--space-1);} #header .nav .nav-container--mobile {display: block; background: var(--color-background); padding: var(--space-2) var(--space-1); position: absolute; top: 5rem; min-height: 100vh; right: calc(-1 * var(--space-0)); z-index: 10000; width: 100vw;} #header .nav .nav-container--mobile ul {display: block; float: none; width: 100%; line-height: 2rem;} #header .nav .nav-container--mobile ul li:first-child {border-top: 0;} #header .nav .nav-container--mobile ul li {display: block; border: 0; text-align: center; margin: 0 1rem; border-top: 1px solid rgba(255, 255, 255, .15); border-top: 1px solid var(--color-gray-lighter);} #header .nav .nav-container--mobile ul ul {border: 0; position: static; text-align: center; margin-bottom: 1rem; -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none; } #header .nav .nav-container--mobile ul ul a { font: var(--font-text-small);} } @media (max-width: 600px) { #header .container {grid-template-columns: 6rem auto; grid-column-gap: var(--space-2);} #header .nav {padding-right: 4rem;} #header .menu--shop li:first-child {margin-left: 0;} #header .menu--shop .mini-cart-link {height: 48px; padding-left: 2rem;} #header .menu--shop .mini-cart-link .cart-items-amount, #header .menu--shop .mini-cart-link .cart-link {display: none;} #header {position: fixed; top: 0; width: 100%; z-index: 5000; background: var(--color-background); border-bottom: 1px solid var(--color-light-gray);} .sub-menu {display: none !important;} #wpadminbar {display: none;} #main {margin-top: 6rem; position: relative; z-index: 20;} .admin-bar #main {margin-top: calc(6rem - 46px);} } @media (max-width: 500px) { #header .container {grid-template-columns: 5rem auto; grid-column-gap: var(--space-4);} #header .nav ul li {margin: 0 0 0 var(--space-4);} #header .nav .search-form input[type="search"] {padding-left: var(--space-4);} } .tt-menu {background: var(--color-white); border: 1px solid var(--color-gray); border-radius: 3px; width: 100%; min-width: 280px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); margin-top: 2px;} .tt-menu .tt-suggestion {color: var(--color-base-text); cursor: pointer; font: var(--font-text-small); text-align: left; padding: .5rem 1rem;} .tt-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion:hover {background: var(--color-lighter-emerald);} .tt-menu .tt-suggestion:after {content: ''; clear: both; display: block;} .tt-menu .tt-suggestion > * {display: block;} .tt-menu .tt-suggestion .thumbnail {float: left; width: 4rem; margin-right: 1rem;} .tt-menu .tt-suggestion .author {font: var(--font-text-smaller);} .tt-menu .tt-suggestion .price {font-weight: 400;} /* Footer * ======================================== */ #footer {margin-top: var(--space-0); background: var(--color-background-alt); color: var(--color-light-emerald); padding: .1px 0;} #footer a {text-decoration: none; color: var(--color-light-emerald); font-weight: 500;} #footer ul {list-style: none; margin-left: 0;} #footer .list--widgets {margin-top: var(--space-0); position: relative;} #footer .list--widgets:before {content: ''; position: absolute; right: -7rem; bottom: 1rem; width: 10rem; height: 11rem; max-height: 100%; background: url('assets/images/decorator-arrow-heart.png') no-repeat bottom left; background-size: contain;} #footer .list--widgets .item {width: calc(25% - var(--space-0));} #footer .list--widgets .widget-title {color: var(--color-base-text); margin-bottom: calc(1.5 * var(--space-0));} #footer .list--widgets ul li {margin: var(--space-3) 0;} #footer .copyright {border-top: 1px solid var(--color-light-gray); font: var(--font-text-smaller);} #footer .copyright .container {display: flex; flex: 1 1 0; justify-content: space-between;} #footer .copyright .container:after {content: none;} #footer .copyright .container ul {text-align: right;} #footer .copyright .container ul li {margin-left: var(--space-1); display: inline-block;} @media (max-width: 1282px) { #footer .list--widgets:before {right: -6rem; bottom: 0;} } @media (max-width: 767px) { #footer .list--widgets .item {width: calc(50% - var(--space-0));} #footer .copyright .container {display: block; text-align: center;} #footer .copyright .container ul {text-align: center;} #footer .copyright .container ul li {margin: 0 calc(0.5 * var(--space-0));} } @media (max-width: 600px) { #footer .list--widgets .item {width: calc(100% - var(--space-0));} } /* Main * ======================================== */ #main {} /* WooCommerce * ======================================== */ #comments {margin: var(--space-1) 0;} #comments .commentlist {list-style: none; margin-left: 0;} #comments .commentlist li {} #comments .commentlist li .star-rating {} #comments .commentlist li .meta {display: inline-block; margin-bottom: 0;} #comments .commentlist li .meta > * {margin-left: var(--space-1);} #comments .commentlist li .meta .woocommerce-review__dash {display: none;} #comments .commentlist li .description {} #review_form {padding: var(--space-1); border-top: 1px solid var(--color-light-gray);} #review_form .comment-reply-title {font: var(--font-h2);} #review_form .comment-notes {font: var(--font-text-small);} #review_form form > p {position: relative;} #review_form form > p span.error {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-white); background: rgba(114, 17, 33, .75); display: block; padding: 4px 6px;} #review_form .stars {} #review_form .stars a {margin-right: var(--space-2); text-decoration: none; color: var(--color-light-gray); display: inline-block; font-size: .75rem; height: .75rem; line-height: 1; overflow: hidden;} #review_form .stars a:before {content: '\2605'; letter-spacing: .25rem; font-weight: bold; display: block;} #review_form .stars a.active {color: var(--color-emerald);} #review_form .stars .star-1:before {content: '\2605';} #review_form .stars .star-2:before {content: '\2605\2605';} #review_form .stars .star-3:before {content: '\2605\2605\2605';} #review_form .stars .star-4:before {content: '\2605\2605\2605\2605';} #review_form .stars .star-5:before {content: '\2605\2605\2605\2605\2605';} #review_form input[type="text"], #review_form input[type="email"] {max-width: 20rem;} /* WooCommerce */ .price {font: var(--font-price); display: flex; flex-direction: row-reverse; justify-content: flex-end;} .price .from {order: 3;} .price del { display: inline-block; color: var(--color-light-emerald); background: transparent; font-weight: normal; font: var(--font-price-small); margin-left: var(--space-3);} .price ins { display: inline-block; color: var(--color-base-text); background: transparent;} .star-rating {overflow: hidden; display: inline-block; position: relative; font-weight: bold; letter-spacing: .25rem; width: 7.292em; height: 1em; line-height: 1; font-size: .75rem;} .star-rating::before {content: '\2605\2605\2605\2605\2605'; color: var(--color-light-gray); position: absolute; float: left; top: 0; left: 0;} .star-rating span {overflow: hidden; position: absolute; float: left; top: 0; left: 0; padding-top: 1.5em;} .star-rating span::before {content: '\2605\2605\2605\2605\2605'; color: var(--color-emerald); position: absolute; top: 0; left: 0;} .woocommerce-result-meta {display: flex; margin: var(--space-0) 0; padding: 0 var(--space-2); justify-content: space-between; align-items: center; font: var(--font-text-small); background: var(--color-light-gray);} .woocommerce-result-meta .label {} .woocommerce-result-meta .value {font-weight: 400;} .woocommerce-result-meta select {display: inline-block; width: auto; padding: 0; border: 0; background: transparent; font-weight: 400;} .woocommerce-product-rating {font: var(--font-text-small);} .woocommerce-invalid label { color: rgb(155, 0, 0); } .woocommerce-invalid .select2-container, .woocommerce-invalid input.input-text, .woocommerce-invalid select { border-color: rgb(155, 0, 0); } .woocommerce-notices-wrapper ul {list-style: none;} .woocommerce-notices-wrapper ul li {margin: 0 0;} .woocommerce-notices-wrapper ul li + li {margin-top: var(--space-3);} .woocommerce-message, .woocommerce-error, .woocommerce-info {margin-bottom: var(--space-base); margin-left: 0; padding: var(--space-3) var(--space-base); background: var(--color-gold); border: 0;} .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after {content: ''; clear: both; display: block;} .woocommerce-error {} .woocommerce-info {} ul.woocommerce-error {background: transparent; list-style: none; padding: 0;} ul.woocommerce-error li {background: rgba(155, 0, 0, .3); padding: var(--space-4) var(--space-3); margin: var(--space-3) 0;} .woocommerce-message a, .woocommerce-error a, .woocommerce-info a { border: 0; padding: 0; margin: 0; float: right; color: var(--color-base-text);} @media (max-width: 600px) { .woocommerce-message, .woocommerce-error, .woocommerce-info {text-align: center;} .woocommerce-message a, .woocommerce-error a, .woocommerce-info a {float: none; display: block;} } .woocommerce-message a, .woocommerce-error a, .woocommerce-info a {background: transparent;} .woocommerce-message a:hover, .woocommerce-error a:hover, .woocommerce-info a:hover {background: transparent;} .woocommerce-ordering {} .woocommerce-ordering label, .woocommerce-ordering select {padding: var(--space-4) 0; vertical-align: middle;} .woocommerce-ordering select {padding: var(--space-4); background: var(--color-white); margin-left: var(--space-4);} .woocommerce-ordering select:after {content: '\25BE'; font-weight: bold;} .woocommerce-ordering .select2 {vertical-align: middle; margin-left: var(--space-4);} .woocommerce-ordering .select2 .select2-selection {padding: var(--space-4);} .woocommerce-store-notice {padding: var(--space-4) var(--space-base); position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .woocommerce .u-columns {display: flex; margin-left: calc(-1 * var(--space-1));} .woocommerce .u-columns .u-column1, .woocommerce .u-columns .u-column2 {width: calc(50% - var(--space-1)); margin-left: var(--space-1)} .woocommerce .blockUI.blockOverlay {position: relative} .woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before {height: 1em; width: 1em; display: block; position: absolute; top: 50%; right: 50%; margin-right: -.5em; margin-top: -.5em; content:'\27F3'; font-weight: bold; line-height: 1; text-align: center; font-size: 2em; color: rgba(0,0,0,.75); -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .admin-bar .woocommerce-store-notice { top: 32px; } .woocommerce-store-notice__dismiss-link { float: right; color: #fff; } .woocommerce-store-notice__dismiss-link:hover {text-decoration: underline; color: #fff;} .cart {} .cart > div {display: inline-block;} .cart > * {vertical-align: middle;} .cart .quantity input {width: 6rem; text-align: right;} .cart .button {width: auto;} .shop_table {border-collapse: separate; width: 100%; min-width: 0} .shop_table th { text-align: left; border: 0; padding: var(--space-2) var(--space-2); vertical-align: middle; color: var(--color-light-emerald);} .shop_table td { text-align: left; border: 0; padding: var(--space-2) var(--space-2); vertical-align: middle;} .shop_table {} .cart_totals {} .cart_totals > h2:first-child {position: relative;} .cart_totals > h2:first-child:before {content: ''; position: absolute; top: 50%; right: -4.5rem; height: 3.75rem; width: 3.75rem; background: url('assets/images/decorator-cart-gold.png') no-repeat left 50%; background-size: contain; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } .cart_totals table, .woocommerce-table--order-summary {min-width: 0; margin-left: auto; background: transparent;} .cart_totals table tr, .woocommerce-table--order-summary tr {font: var(--font-text);} .cart_totals table th, .cart_totals table td, .woocommerce-table--order-summary th, .woocommerce-table--order-summary td {padding: var(--space-4) var(--space-2); background: transparent; color: var(--color-emerald);} .cart_totals table tr.meta td, .cart_totals table tr.meta th, .woocommerce-table--order-summary tr.meta th, .woocommerce-table--order-summary tr.meta td {color: var(--color-gray); font-weight: normal; font-size: .75rem;} .cart_totals table tr.meta td span, .cart_totals table tr.meta th span, .woocommerce-table--order-summary tr.meta th span, .woocommerce-table--order-summary tr.meta td span {font-weight: bold;} .cart_totals table tr.meta--dot th:before {content: '\2022'; margin: 0 var(--space-4);} .cart_totals table td, .woocommerce-table--order-summary td {text-align: right; padding-right: 0; font: var(--font-price);} .cart_totals table th, .woocommerce-table--order-summary th {text-align: left; padding-left: 0;} .woocommerce-table--order-summary .cart-row th, .woocommerce-table--order-summary .cart-row td {font: var(--font-text-small); font-weight: normal;} .cart_totals table .shipping th, .cart_totals table .shipping td, .woocommerce-table--order-summary .shipping th, .woocommerce-table--order-summary .shipping td, .cart_totals table .order-total th, .cart_totals table .order-total td, .woocommerce-table--order-summary .order-total th, .woocommerce-table--order-summary .order-total td {border-top: 1px solid var(--color-beige);} .cart_totals .order-total td, .woocommerce-table--order-summary .order-total td {font-size: 1.5rem;} .cart_totals .cart-subtotal th, .cart_totals .cart-subtotal td, .cart_totals .button {width: 100%;} .woocommerce-table--order-summary th {font-weight: bold; } @media (max-width: 600px) { .cart_totals table {width: 100%; max-width: none;} .cart_totals .wc-proceed-to-checkout {text-align: center;} } /*.woocommerce-checkout .section-header .section-title {display: none;}*/ .checkout-container {/*display: flex; justify-content: center;*/} /*.checkout-container > * {width: 50%;}*/ .checkout-container .checkout-form-container {text-align: center;} .checkout-container .checkout-form-container form {text-align: left;} /*.checkout-container .checkout-form-container .section-title {width: 100%; text-align: center;}*/ .checkout-container .checkout-login {padding: 0 var(--space-1); text-align: center; display: none;} .checkout-container .checkout-login h2 {font: var(--font-h1);} @media (max-width: 960px) { .checkout-container {display: block;} .checkout-container > * {width: 100%;} .checkout-container .checkout-login {display: none;} .woocommerce-checkout .section-header .section-title {display: block;} .checkout-container .section-title {display: none;} } .woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword {position: relative; margin-top: var(--space-base); max-width: 470px; margin-left: auto; margin-right: auto;} .woocommerce-form-login input[type="text"], .woocommerce-form-login input[type="email"], .woocommerce-form-login input[type="password"], .woocommerce-form-login input[type="submit"], .woocommerce-form-login button, .woocommerce-form-register input[type="text"], .woocommerce-form-register input[type="email"], .woocommerce-form-register input[type="password"], .woocommerce-form-register input[type="submit"], .woocommerce-form-register button {display: block;} .woocommerce-form-login button, .woocommerce-form-register button {margin-top: var(--space-base);} .woocommerce-form-login {background: var(--color-almost-white); padding: var(--space-2) var(--space-1);} .woocommerce-form-login:before {content: ''; position: absolute; right: 2rem; top: -3rem; width: 10rem; max-width: 50%; height: 8rem; background: url('assets/images/decorator-key-stars.png') no-repeat right 50%; background-size: contain;} .woocommerce-form-register {border: 2px solid var(--color-almost-white); padding: var(--space-2) var(--space-1);} .woocommerce-form-register:before {content: ''; position: absolute; right: 2rem; top: -3rem; width: 10rem; max-width: 50%; height: 8rem; background: url('assets/images/decorator-person-stars.png') no-repeat right 50%; background-size: contain;} .woocommerce-form-track-order {} .woocommerce-form-track-order .form-row {max-width: 470px; margin-left: auto; margin-right: auto;} #customer_login {} #customer_login h2 {text-align: left;} #customer_login .col-1, #customer_login .col-2 {display: flex;} #customer_login form {flex: 0 0 100%;} .woocommerce-form-login-toggle {display: none;} .woocommerce-form-coupon-toggle {display: none;} @media (max-width: 960px) { .woocommerce-form-login-toggle {display: block;} .woocommerce-form-coupon-toggle {display: none;} } .woocommerce-form-row span em {font: var(--font-text-smaller);} .woocommerce-billing-fields, .woocommerce-shipping-fields {} .woocommerce-billing-fields .select2-container, .woocommerce-shipping-fields .select2-container {display: block; width: 100%;} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-EditAccountForm {margin-left: calc(-1*var(--space-base));} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper:after, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper:after, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper:after, .woocommerce-EditAccountForm:after {content: ''; clear: both; display: block;} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .form-row, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce-EditAccountForm .form-row {width: calc(50% - var(--space-base)); margin-left: var(--space-base); float: left;} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .form-row-first, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row-first, .woocommerce-EditAccountForm .form-row-first {clear: both;} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .form-row-wide, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row-wide, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row-wide, .woocommerce-EditAccountForm .form-row-wide {width: calc(100% - var(--space-base));} .woocommerce-EditAccountForm legend, .woocommerce-EditAccountForm .woocommerce-Button {margin-left: var(--space-base);} .woocommerce-address-fields .button, .woocommerce-EditAccountForm .woocommerce-Button {width: auto; margin: 0 auto; display: block;} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #billing_postcode_field, .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #shipping_postcode_field, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_postcode_field, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {width: calc(30% - var(--space-base));} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #billing_city_field, .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #shipping_city_field, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_city_field, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper #shipping_city_field {width: calc(70% - var(--space-base));} @media (max-width: 1060px) { .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #billing_postcode_field, .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #shipping_postcode_field, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_postcode_field, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {width: calc(35% - var(--space-base));} .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #billing_city_field, .woocommerce-address-fields .woocommerce-address-fields__field-wrapper #shipping_city_field, .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_city_field, .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper #shipping_city_field {width: calc(65% - var(--space-base));} } .woocommerce-checkout-review-order {} .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th {text-align: left; padding: var(--space-4) 0; color: var(--color-base-text);} .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td {text-align: right; padding: var(--space-4) 0;} .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td.product-name {text-align: left;} .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .header td {text-align: left; padding: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals td {padding: 0; text-align: left;} .woocommerce-checkout-review-order .woocommerce-shipping-totals th, .woocommerce-checkout-review-order .woocommerce-shipping-totals td {padding: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul {list-style: none; margin-left: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li {border: 1px solid var(--color-light-emerald); margin-top: var(--space-4); position: relative; padding: var(--space-3) var(--space-2) var(--space-3) 9rem;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li:before, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li:before {content: ''; position: absolute; width: 4.5rem; height: 2rem; left: 3.5rem; top: 50%; margin-top: -1rem; background: transparent no-repeat 50% 50%; background-size: contain;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li p, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li p {margin-bottom: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li input[type="radio"], .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li input[type="radio"] {position: absolute; left: 1rem; top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li > label, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li > label {font-weight: bold;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li > label img, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li > label img {display: none;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li > label .amount, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li > label .amount {float: right;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li .info-delivery, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li > div {margin: var(--space-4) 0 0 0; color: var(--color-light-emerald); font-weight: 300;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li .info-delivery p, .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li > div p {margin: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li .info-delivery > i {display: none;} .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods {} .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .payment_method_przelewy24:before {background-image: url('assets/images/icon-payment-przelewy24.png');} .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .payment_method_cod:before {background-image: url('assets/images/icon-payment-cod.png');} .woocommerce-checkout-review-order .woocommerce-shipping-methods {} .woocommerce-checkout-review-order .woocommerce-shipping-methods .wc_shipping_method_paczkomat-inpost-24-7:before {background-image: url('assets/images/icon-shipment-inpost.png');} .woocommerce-checkout-review-order .woocommerce-shipping-methods .wc_shipping_method_kurier-inpost:before {background-image: url('assets/images/icon-shipment-inpost.png');} .woocommerce-checkout-review-order .woocommerce-shipping-methods .wc_shipping_method_kurier-dpd:before {background-image: url('assets/images/icon-shipment-dpd.png');} .cross-sells {border-top: 1px solid var(--color-beige); margin-top: var(--space-0);} .cross-sells .list-items {place-content: space-evenly !important;} .up-sells .list-items {place-content: space-evenly !important;} /*.woocommerce-checkout-review-order .woocommerce-shipping-totals ul {list-style: none; margin-left: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li {margin: 0; padding: var(--space-4); border: 1px solid var(--color-grey);} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li + li {border-top: 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li label {font-weight: 400;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li input {margin: 0 var(--space-4) 0 0;} .woocommerce-checkout-review-order .woocommerce-shipping-totals ul li .shipping-method-description {font: var(--font-meta); margin: var(--space-4) 0;} .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .shipping td {text-align: left;}*/ .woocommerce-MyAccount-navigation {background: var(--color-almost-white); position: relative; padding: var(--space-2) var(--space-1);} .woocommerce-MyAccount-navigation:before {content: ''; position: absolute; right: var(--space-1); top: var(--space-2); margin-top: var(--space-0); background: url('assets/images/decorator-owl@2x.png') no-repeat 50% 50%; background-size: contain; width: 4rem; height: 4rem; -webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-o-transform: rotate(15deg);transform: rotate(15deg); } .woocommerce-MyAccount-navigation ul {margin-left: 0; margin-top: var(--space-1);} .woocommerce-MyAccount-navigation ul li {margin: var(--space-4) 0; padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-light-gray);} .woocommerce-MyAccount-navigation ul li:last-child {border-bottom: 0;} .woocommerce-MyAccount-navigation ul li a {text-decoration: none;} .woocommerce-MyAccount-navigation ul li.is-active a {color: var(--color-light-emerald); opacity: .6;} .woocommerce-MyAccount-content {margin-top: 0;} .woocommerce-MyAccount-content .woocommerce-columns {display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--space-1));} .woocommerce-MyAccount-content .woocommerce-columns .woocommerce-column {margin-left: var(--space-1);} .woocommerce-MyAccount-content form {} .woocommerce-MyAccount-content .woocommerce-address-fields {} .woocommerce-account .section--page .section-header {position: relative;} .woocommerce-account .section--page .section-header:before, .woocommerce-account .section--page .section-header:after {content: ''; position: absolute; background: transparent no-repeat 50% 50%; background-size: contain;} .woocommerce-account .section--page .section-header:before {background-image: url('assets/images/decorator-clouds.png'); width: 20rem; max-width: 30%; height: 6rem; right: 40%;} .woocommerce-account .section--page .section-header:after {background-image: url('assets/images/decorator-aerostat.png'); width: 8rem; height: 8rem; left: -10rem; top: 8rem;} @media (max-width: 960px) { .woocommerce-account .section--page .section-header:before {right: 5%; max-width: 40%;} } @media (max-width: 600px) { .woocommerce-account .section--page .section-header:before {right: 0; max-width: 30%;} } form.woocommerce-checkout .primary {background: var(--color-light-gray); padding: var(--space-3) var(--space-2);} /*.woocommerce-checkout #payment {} .woocommerce-checkout #payment ul.payment_methods { text-align: left; margin: 0; list-style: none outside; } #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before {content: ' '; display: table;} .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font: var(--font-text-smaller); } .woocommerce-checkout #payment ul.payment_methods li label {font: var(--font-base); font-weight: 400;} .woocommerce-checkout #payment ul.payment_methods li input {margin: 0 var(--space-4) 0 0;} .woocommerce-checkout #payment ul.payment_methods li > div { margin: var(--space-4) 0;} .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; max-height: 3rem;} .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce-checkout #payment.woocommerce-checkout #payment .wc_payment_methods li {padding: var(--space-4); border: 1px solid var(--color-grey);} .woocommerce-checkout #payment .wc_payment_methods li + li {border-top: 0;} .woocommerce-checkout #payment .wc_payment_methods li .tpay-header-wrapper {display: none;} .woocommerce-checkout #payment .wc_payment_methods li .tpay-insidebg {background: transparent;} .tpay-amPmCheckbox input[type="checkbox"] {display: inline-block !important; margin: 0 3px 3px 4px !important;} #payment ul.wc_payment_methods li.wc_payment_method .tpay-amPmCheckbox input[type="checkbox"] + label {font: var(--font-content) !important; color: var(--color-text) !important; padding: 0 !important; background: transparent !important; } */ .woocommerce-orders-table {margin-top: 0;} .woocommerce-orders-table td, .woocommerce-orders-table th {text-align: center;} .woocommerce-table--order-details, .woocommerce-cart-form__contents {border-spacing: 0 var(--space-4);} .woocommerce-table--order-details a, .woocommerce-cart-form__contents a {text-decoration: none;} .woocommerce-table--order-details span.label, .woocommerce-cart-form__contents span.label {display: none;} .woocommerce-cart-form__contents .product-remove {width: 2rem; text-align: center;} .woocommerce-cart-form__contents .product-remove a {font-size: 1.75rem; font-weight: bold;} .woocommerce-table--order-details .product-thumbnail, .woocommerce-cart-form__contents .product-thumbnail {width: 6rem; vertical-align: center;} .woocommerce-table--order-details .product-thumbnail img, .woocommerce-cart-form__contents .product-thumbnail img {width: 4rem; display: block; height: auto;} .woocommerce-table--order-details .product-name, .woocommerce-cart-form__contents .product-name {vertical-align: center; font: var(--font-h3); padding-left: 0;} .woocommerce-table--order-details .product-name .product-author, .woocommerce-cart-form__contents .product-name .product-author {font: var(--font-base);} .woocommerce-table--order-details thead th, .woocommerce-cart-form__contents thead th {background: transparent;} .woocommerce-table--order-details tbody tr, .woocommerce-cart-form__contents tbody tr {outline: 1px solid var(--color-light-gray);} .woocommerce-table--order-details tbody .product-price, .woocommerce-cart-form__contents tbody .product-price {width: 6rem; font-weight: 400; font: var(--font-price-small); display: table-cell; text-align: center;} .woocommerce-table--order-details tbody .product-price ins, .woocommerce-cart-form__contents tbody .product-price ins {background: transparent; color: var(--text-base-color);} .woocommerce-table--order-details tbody .product-price del, .woocommerce-cart-form__contents tbody .product-price del {font-size: .75rem; color: var(--color-light-emerald);} .woocommerce-table--order-details .product-quantity {text-align: center;} .woocommerce-table--order-details .product-quantity, .woocommerce-cart-form__contents .product-quantity {} .woocommerce-cart-form__contents .product-quantity div {display: inline-block; margin-right: 1rem;} .woocommerce-cart-form__contents .product-quantity .button {display: none;} .woocommerce-table--order-details tbody .product-subtotal, .woocommerce-cart-form__contents tbody .product-subtotal {width: 6rem; text-align: right; font-weight: 400;} .woocommerce-cart-form__contents .actions input, .woocommerce-cart-form__contents .actions button {vertical-align: middle; font-size: 1rem;} .woocommerce-cart-form__contents .actions button {padding: .75rem 2rem;} .woocommerce-cart-form__contents .coupon input {width: 8rem !important; padding: .75rem 1rem;} @media (max-width: 870px) { .woocommerce-table--order-details span.label, .woocommerce-cart-form__contents span.label {display: inline-block; margin-right: var(--space-3);} .woocommerce-table--order-details thead, .woocommerce-cart-form__contents thead {display: none;} .woocommerce-table--order-details tbody tr, .woocommerce-cart-form__contents tbody tr {display: flex; flex-wrap: wrap; position: relative; margin-bottom: var(--space-1); padding-right: 3rem;} .woocommerce-table--order-details tbody tr tr, .woocommerce-cart-form__contents tbody tr tr {margin-bottom: 0;} .woocommerce-table--order-details .product-thumbnail, .woocommerce-cart-form__contents .product-thumbnail {width: 30%; text-align: center;} .woocommerce-table--order-details .product-thumbnail img, .woocommerce-cart-form__contents .product-thumbnail img {margin: 0 auto;} .woocommerce-table--order-details .product-name, .woocommerce-cart-form__contents .product-name {width: 70%;} .woocommerce-table--order-details tbody .product-price, .woocommerce-cart-form__contents tbody .product-price, .woocommerce-table--order-details tbody .product-quantity, .woocommerce-cart-form__contents tbody .product-quantity, .woocommerce-table--order-details tbody .product-subtotal, .woocommerce-cart-form__contents tbody .product-subtotal {width: 30%; align-self: center; text-align: center; padding: 0 0 var(--space-2) 3rem;} .woocommerce-table--order-details tbody .product-quantity, .woocommerce-cart-form__contents tbody .product-quantity {width: 40%;} .woocommerce-cart-form__contents .product-remove {position: absolute; right: var(--space-base); top: var(--space-base);} } @media (max-width: 760px) { .woocommerce-table--order-details tbody .product-price, .woocommerce-cart-form__contents tbody .product-price, .woocommerce-table--order-details tbody .product-quantity, .woocommerce-cart-form__contents tbody .product-quantity, .woocommerce-table--order-details tbody .product-subtotal, .woocommerce-cart-form__contents tbody .product-subtotal {width: 100%;} } @media (max-width: 500px) { .woocommerce-table--order-details .product-thumbnail, .woocommerce-cart-form__contents .product-thumbnail {width: 100%; text-align: center; padding: var(--space-2) 0 var(--space-2) 3rem;} .woocommerce-table--order-details .product-name, .woocommerce-cart-form__contents .product-name {width: 100%; text-align: center; padding: 0 0 var(--space-2) 3rem;} .woocommerce-cart-form__contents .variation, .woocommerce-table--order-details .variation {margin-left: auto; margin-right: auto;} .woocommerce-cart-form__contents .variation tr, .woocommerce-table--order-details .variation tr {padding-right: 0;} } .woocommerce-cart-form .cart-actions {float: left; width: calc(50% - var(--space-base));} .woocommerce-cart-form .coupon {display: flex; align-items: center;} .woocommerce-cart-form .coupon input {width: auto;} .woocommerce-cart-form .coupon > * {margin-left: var(--space-base);} .woocommerce-cart-form .coupon > *:first-child {margin-left: 0;} .woocommerce-cart-form .left-for-free-shipping-info {margin-top: var(--space-1); font: var(--font-meta); font-weight: 400;} .woocommerce-cart-form .left-for-free-shipping-info p {margin-bottom: 0;} .woocommerce-cart-form .left-for-free-shipping-info .amount, .woocommerce-cart-form .left-for-free-shipping-info .method {color: var(--color-red);} .woocommerce-cart-form .left-for-free-shipping-info .amount {margin: 0 var(--space-4) 0 var(--space-4); text-align: right; min-width: 4rem; display: inline-block;} .cart-collaterals, .woocommerce-order-summary {background: var(--color-almost-white); padding: var(--space-2) var(--space-1);} @media (max-width: 960px) { .woocommerce-cart-form .cart-actions {float: none; width: auto;} .woocommerce-cart-form .coupon {justify-content: center;} } @media (max-width: 870px) { .woocommerce-cart-form .left-for-free-shipping-info .label {width: 50%; display: inline-block; text-align: right;} } @media (max-width: 600px) { .woocommerce-cart-form .coupon {display: flex; flex-wrap: wrap; align-items: center;} .woocommerce-cart-form .coupon label {width: 4rem;} .woocommerce-cart-form .coupon input {width: calc(100% - 4rem - var(--space-base));} .woocommerce-cart-form .coupon button {margin-left: 0; margin-top: var(--space-base);} .woocommerce-cart-form .left-for-free-shipping-info {text-align: center;} .woocommerce-cart-form .left-for-free-shipping-info .label {width: 100%; text-align: center; display: block;} .woocommerce-cart-form .left-for-free-shipping-info .amount {margin-left: 0;} } body .ui-widget {font-size: 1.125rem; font-family: inherit;} /* Print * ======================================== */ @media print { body {background: none !important; color: #2b2b2b; font-size: 12pt; width: 100%;} #header {background: none; min-height: 100px;} #header .site-title a {height: 100px;} #header .site-title:after {position: absolute; right: 0; top: 0;} #header nav {display: none;} #footer {display: none;} h2, h3 {page-break-after: avoid;} article a {font-weight: bolder; text-decoration: none;} article a[href^=http]:after {content:" <" attr(href) "> ";} } /* WP Styles * ======================================== */ .alignleft {float: left;} .alignright {float: right;} .aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;} blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin: .5em 1rem .5em 0;} .wp-caption.alignleft {margin: .5em 1rem .5em 0;} blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin: .5em 0 .5em 1rem;} .wp-caption.alignright {margin: .5em 0 .5em 1rem;} blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: .5em; margin-bottom: .5em;} .site-content blockquote.alignleft, .site-content blockquote.alignright {padding-top: .5em; width: 50%;} .site-content blockquote.alignleft p, .site-content blockquote.alignright p {margin-bottom: .5em;} .wp-caption {margin-bottom: 1rem; color: #767676;} .wp-caption img[class*="wp-image-"] {display: block; margin: 0;} .wp-caption-text {font-style: italic; line-height: 1.4; margin: .5em 0;} div.wp-caption .wp-caption-text {padding-right: 1rem} div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {padding-left: 1rem; padding-right: 0;} .wp-smiley {border: 0; margin-bottom: 0; margin-top: 0; padding: 0;}